/*--------------------------------------------------------
	B.K.P.B.M
	JOGJA TRIP 

	PSD2HTML by Atpaz 
	sapta7@gmail.com
----------------------------------------------------------*/
html {background:#A86D39 url("../images/bgrepeat.jpg") repeat fixed 45px top}
body {background: url(../images/home.jpg) no-repeat top center; font:normal 12px Arial, Helvetica, sans-serif}
.tanggal{
    margin-top: 15px;
    margin-left: 20px;
    color:#d7df23;
    font-weight:bold;
}
#wrapper {width:978px; margin:0 auto; padding-top:8px }

.topmenu {font:normal 12px Arial, Helvetica, sans-serif; margin-left:442px; } 
.topmenu li {border-left:solid 1px #ccc; float:left}
.topmenu li a {color:#d7df23; padding:3px 4px; text-decoration:none; font-weight:bold}
.topmenu li a.sel, .topmenu li a:hover  {color:#fff; text-decoration:none}
.topmenu li.first { border-left:none}

#book {height:680px; overflow:hidden; margin-bottom:57px}

.sright {width:355px; height:566px; margin:70px 86px 0 0; padding-right:5px; float:right; display:inline; overflow:scroll; font-size:11.5px; }
	.sright h1 {font:normal 18px Georgia, "Times New Roman", Times, serif; font-style:italic; border-bottom:dashed 1px #003399; color:#003399; line-height:190%}
	.sright h2, .sright h2 a {font:normal 16px Georgia, "Times New Roman", Times, serif; color:#003399; line-height:190%; text-decoration:none}
	.sright p {margin:8px 0;line-height:120%}	

.sleft {width:478px; float:left; display:inline}
	.sleft h1 {display:none}
	.sleft blockquote {color:#777; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; margin:115px 0 63px 225px; padding:30px 0; line-height:160%; font-style:italic}
	
	.mleft {width:240px; padding:0 0 0 20px; float:left; display:inline}
		.mleft h2   {font:italic 18px/190% Georgia, "Times New Roman", Times, serif; border-bottom:solid 1px #039; color:#039}
		.mleft h2 a {font:italic 18px/190% Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#039}
		.mleft ul {font-size:11px; padding:12px 4px}
		.mleft li {line-height:105%; margin-bottom:10px}
		.mleft li, .mleft li a  {color:#840001; text-decoration:none}
		.mleft li a:hover  {text-decoration:underline}
		.mleft li p {margin:5px 10px; color:#333; line-height:110%; padding-bottom:7px} 
	.mright {width:140px; float:right; display:inline; margin-top: 16px}
		.mright ul {}
		.mright li {padding:12px 0}
		.mright li a {font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#b84d33; text-transform:uppercase}
		.mright li a:hover, .mright li a.sel {color:#039 }
		.mright li.last a {color:#039}
	.hagenda {}
	.hagenda li {}
	.hagenda li a em {color:#000}
	
	#copy {padding:10px 5px; margin-top:15px}
	
#footer {padding:0 0 0 70px; height:225px}
	.bottommenu {float:left} 
	.bottommenu {font:normal 12px Arial, Helvetica, sans-serif; margin-left:20px}
	.bottommenu li {border-left:solid 1px #ccc; float:left}
	.bottommenu li a {color:#fff; padding:3px 4px; text-decoration:none; font-weight:bold}
	.bottommenu li a.sel, .bottommenu li a:hover  {color:#ff0; text-decoration:none}
	.bottommenu li.first {border-left:none}
	#footer #frmsearch {float:right; margin-right:120px}
	#footer .q {border:none; width:173px; background:transparent}
	#footer .s {border:none; width:30px; background:transparent}
	
	ul.foot {margin-left:85px}
	ul.foot > li {width:245px} /* override */
	ul.foot > li.first {width:185px}
	ul.foot > li.inlogin {width:200px}
	ul.foot > li.invisitors {width:133px; padding:20px 0}
	
	#visitors {color:#ddd; font-weight:bold}
	#visitors p.number {text-align:center; margin-left:25px }
	#visitors p.statistic {font-size:10px; padding:15px 0; margin-left:10px}
	#visitors p.statistic span {float:left; clear:left}
	#visitors p.statistic em {float:right; clear:right}
	#visitors p.at {clear:both; font-size:11px; margin-top:14px; text-align:center}
	
.tnfriend {list-style:none; border-top:solid 1px #ccc; padding-top:10px}
	.tnfriend li {text-align:center; width:100px; height:100px; display:block; float:left; list-style:none; margin:0 9px 15px 0}
	.tnfriend li>a {height:150px; overflow:hidden; display:block; height:85px; margin-bottom:5px}
	.tnfriend li span {display:block; line-height:100%}
	.tnfriend li span a {color:#c30; text-decoration:none; font-size:10px}
	.tnfriend li span a:hover {text-decoration:underline}

.tngall {list-style:none; border-top:solid 1px #ccc; padding-top:10px}
	.tngall li {text-align:center; width:100px; height:90px; display:block; float:left; list-style:none; margin:0 9px 15px 0}
	.tngall li>a {height:150px; overflow:hidden; display:block; height:85px; margin-bottom:5px}
	.tngall li span {display:block; line-height:100%}
	.tngall li span a {color:#c30; text-decoration:none; font-size:10px}
	.tngall li span a:hover {text-decoration:underline}

ul.tnlist h3, ul.tnlist a {font-weight:normal}