/*defaults*/
*{margin:0; padding:0;}
p{margin: 1em 0;}
p.address {padding-bottom:3px;}
p.details { clear:both; border-top:#cccccc 1px dotted; margin-top:5px; line-height:25px; }
p .nav{margin:0;}
a:link, a:visited {color:#0000CC; text-decoration:none;}
a:hover, a:active {color:#CC0000;  text-decoration:underline; }
a img {border: none;} 
div .section a img {border: none; padding: 0 1em 1em 0;} 
table{width:100%; padding:0px; border-collapse:collapse;}
th,td, td p{text-align:left;}
textarea{padding:5px;}

/* Adjust this to more than actual sidebar height
#content {min-height:1400px;}*/

#introP {
font-size: 1.333em;
color: #768696;
letter-spacing: -0.5px;
line-height: 1.22em!important;
margin-bottom: 17px;
}

h1{font-family: Helvetica, Arial, serif; font-size: 24px; line-height: 110%; color: #333333; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px dotted gray;}
h1 span{font-weight:normal; font-size:20px; color: #333333;}
h3 { font-family:arial,sans-serif; color: #808080; font-size: 14px; margin: 0; padding:0; }
h3 span{margin: 0px; padding: 2px 6px; border: none; background-color: rgb(0, 136, 195); 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%;  color:#333333; margin-top:5px; margin-bottom:0; }

#the_loop h3{ font-family:arial, sans-serif; color: #333333; font-size:18px; margin: 1em 0; }
#the_loop .sep{ border-bottom:#cccccc 1px solid; margin-top:1em; margin-bottom:2em;  padding-bottom:1em; }
#the_loop h4, #sticky h3, #headline h3, #featured h3, #popular h3, #latest h3, .sitem h3, #top h3{font-size:100%; padding:0px 0px 10px 0px; border-bottom:#cccccc 3px double; margin-bottom:10px; }

#sticky h2 a, #headline h2 a, #post-headline a {color:#333333; display:block; margin-top:7px; padding-bottom:2px; border-bottom:#cccccc 1px dotted; }

/*body and wapper*/
body {font-family:helvetica, arial, sans-serif; font-size:14px;color:#333333;}

/*header and body*/
#wrapper { background:#ffffff; width:972px; height:100%; margin:0 auto; position:relative;}
#header {border-bottom: 3px solid #dadada;font-family:Verdana, sans-serif; display:block; width:972px; height:60px; }
#header #site-heading a, #header #site-description { color:#000000; }
#header #site-heading { font-weight:bold; padding-top:0px; font-family:georgia, sans-serif; font-size:200%; margin-top:0; margin-bottom:0; }
#header #site-heading a:hover, #header #site-heading a:active { text-decoration:none; border-bottom:#FFFFFF 1px dotted; }
#header #site-description { font-weight:normal; font-size:14px; padding:0 0 0 12px; font-family:Verdana, sans-serif; margin-top:0; margin-bottom:0; }
#headerwidget { float:right; width:728px; height:60px; margin:0px; overflow:hidden;}
#headerwidget .widget h3 { margin-top:0; }

#sitetop {font-family: verdana, arial, sans-serif; font-size : 10pt; margin-bottom:20px;display:block;}
#sitetop .nav{width: 972px; text-align:right;margin: 0 auto; background:#f4f4f4; padding:6px 0;}
#sitetop ul{list-style-type: none; }
#sitetop ul li { display:inline; padding: 0px; }
#sitetop ul li a { padding: 0px 0px 0px 20px;}

/*top menu*/
#nav { display:inline-block; position: relative; z-index: 100; width:100%; background: #dadada; border-top:  1px solid #9b9b9b;}
#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: #dadada;  padding: 4px 20px 4px 4px; color: #4C3737; border-right: 1px solid #9b9b9b;}
#nav a:hover {background-color: #f4f4f4; text-decoration:none;}
#nav li ul {display: none; border: 1px #9b9b9b outset}
#nav li:hover ul{ display: block; position: absolute;}
#nav li:hover ul li a { float: none; width: 10em; border: none;}

/*content*/
#content{display:block; position: relative; clear:both; margin-top:1em; min-height:680px}
#center {position:relative;z-index:20;width: 472px;padding:0px;margin-left:180px;}
#the_loop, #sticky, #headline, #latest, #comments {width: 472px;overflow:hidden;}
.espas{display: block; clear:both; margin:0 !important}

#content_list_block .section{padding: 0 120px 60px 0; display:block; overflow:auto; }
div .excerpt{clear:both;line-height:23px; color:#7d7d7d;}
.section{margin-top: .5em; margin-bottom:1.5em; display:block; overflow:auto; padding-bottom:.5em; border-bottom:#cccccc 1px dotted;}
.section h2, .section div{padding-bottom:.5em;}

.adwat{float:right;}
.dwatgosh{display: block; clear:both;overflow:auto;}
.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%;}



.breadcrumbs {font-family : arial, sans-serif ;font-size : 12px; margin-bottom:.5em;}
.post_date {font-family : arial, sans-serif ;font-size : 13px; color:#c0c0c0;}
.smalltext, .smalltext p, .txt2, .txt2 p, .txt1 td {font-size : 80%; }
.smallertext{font-family : arial, sans-serif ;font-size : 11px;}
/*.txtovell{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}*/
.graytext, .graytext a, .breadcrumbs, .breadcrumbs a{color:#7d7d7d !important;}
.l, .b{font-weight:bold;}
 .sbs2 {list-style: none; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
 float:left; font-size:90%; }
#the_loop ul,ol { list-style-position: inside; overflow:auto;}
#the_loop li { padding:.5em .5em .5em 0 ; }

/*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: 2px 2px 12px 2px;
    padding-bottom: 6px;
    border: 1px solid #ccd6dd;
    background: whitesmoke;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
    overflow: hidden;
}
div.img img { display:inline; margin:3px; border:1px solid #ffffff; }
div.img a:hover img { border:1px solid #0000CC; }
div.desc { text-align:center; font-weight:normal; width:100%; 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:#f2f5f7; margin: .2em 0 .2em 0; padding:10px 0px; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; clear:both;  text-align:center}
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%; }

/*Navigation*/
div.pagination {font-family: verdana, arial, sans-serif; color:#000000; padding:10px 0 10px 0; font-size: 10pt; margin:auto; }
div.pagination div {padding:0 0 10px 0; text-align:center}
div.pagination a { padding:3px; margin:2px; text-decoration:none; }
div.pagination a:hover, div.pagination a:active { }
div.pagination span.current { padding:3px; margin:2px; color:#000000; font-weight:bold;} 
div.pagination span.disabled { display:none; }

#ad_main {display:block; margin: 10px 0 1em 0; text-align:center}
#ad_album, #ad_video {  }

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;}


/*shades & grids*/
.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, .gridRowAlt{ border-top: 1px #FFFFFF solid; padding:10px;}
.gridRowCh,.gridRowChAlt{ padding:0px 5px 5px 20px; }
.gridRow, .gridRowCh{background-color: #FBFBFB; }
.gridRowAlt, .gridRowChAlt{background-color: #f6f6f5; }
.gridThisRow{ border-top: 1px #FFFFFF solid; background-color: #B7B7B7; padding:5px 5px 5px 0px; }
.gridit{ border-bottom: 1px #f6f6f5 solid; padding:4px 0px;}
.help{ display:block; max-height:180px; overflow-x: hidden; overflow-y: auto; background-color: #FFFFE1; border: 1px black solid; padding: 3px; font: 11px courier new }

.gridList, .gridList .gridRow, .gridList .gridRowAlt{ width: 610px;  font-size: 10pt;}
.gridList .listHead{ width: 610px; overflow:hidden}

.gridList .gridRow{
    float: left;
}

.gridList .gridRowAlt{
    float: left;
}



.gridList .listHead .hd{
    font-size: 12px;
    font-weight: bold;
    float: left;
    border-top: 1px solid #7d7d7d;
    border-right: 1px solid #7d7d7d;
    background-color: #d7d7d7;
    padding: 5px;
}

.gridList .gridRow .rw, .gridList .gridRowAlt .rw{ 
    float: left; 
    padding: 5px; 
}


/*div Widths60*/
.w8{ width: 8%;}
.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%;}


/* Side bar stuff font-size:95%; */
/* This line nees to be checked with the ipad. the right side padding is off play with min width and width, do not make wdth 100% */
#sidebar {width:972px; position: absolute; top:0;}
#left  {
font-family: verdana, arial, sans-serif; 
font-size : 12px; 
position: absolute;
left: 0px;
top: 0px;
width:160px; 
}

#right  {font-family: verdana, arial, sans-serif;font-size: 12px;position: relative;left: 672px;top: 0px;width: 300px;}

#right .highlight {
border: solid 1px #FFCC33;
text-align:center;
Background-color:#FFFFCC;
padding:10px; 
margin-bottom: 6px;
}

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

.sitem, .widget {margin-bottom:1.5em;}
.sitem {display: block; overflow: hidden;}
.sitem ul { list-style-type:none; margin:0; }
.sitem li{display:block; padding:0px; border-bottom:#cccccc 1px dotted; }
.sitem li a{display:block;padding:4px; } /* makes  link clickable outside linked text*/
.sitem li.inactive{display:block;padding:4px; color:#777777;} /* makes  link clickable outside linked text*/
.sitem li a:hover {background-color: #f2f5f7;}

/* option bottom stuff */
#mbwrapper {display:block;}
.flinks { float:left; width:472px; overflow:hidden;}
.flinks ul { list-style-type:none; font-family:Georgia, "URW Bookman L", serif; }
.flinks ul li { border-bottom:#0000ff 1px dotted; margin-left:0; margin-bottom:5px; min-height:20px; padding:0px 0 2px 0; font-size:16px; color:#000000; }
.flinks a:link, .flinks a:visited { text-decoration:underline; }
.flinks a:hover, .flinks a:active { text-decoration:underline; }

/*footer and copyright*/
#footer{margin-top:1em; position:relative; z-index:21; width:472px; margin-left:180px;
font-family: verdana, arial, sans-serif; 
font-size : 10pt; 
}
#fbar{border-bottom:#cccccc 3px double;margin: 2em 0px 1em 0px;}
#copyright { clear:both; }
#copyright p { padding-top:8px;  }

/*blog post*/

.blog-post{padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px dashed #c9d7f1;}

.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;
	font-size:100%;
	background:#E5E5E5 url('http://library.spaadmin.com/i/common/bt-bg-white.png') repeat-x;
	border:1px outset #808080;  
	border-radius: 25px;
	padding:6px 12px;
}

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