@import url("screen.css");
@import url("thickbox.css");
@import url("superfish.css");
@import url("form.css");
@import url("jquery.tabs.css");
@import url("slider.css");
@import url("jquery-ui-1.7.2.custom.css");
@import url("jquery.rating.css");
/*@import url("galleryview.css");*/

/*main divs*/

body{background-color:#fff; font-size:.75em; line-height:1.7em; color:#333}

.session {background: url("../images/wrapper.jpg") no-repeat top center; margin-bottom:0;}
.main-navigation {
	background: #333333 url("../images/header.jpg") no-repeat;
	padding-top:10px; 
	height:30px;
	float: right;
	}

.main-content{background-color:#fff;padding:10px 0;}

.whitespace-content{height: 60px;}

.side-content{background-color:#fff;padding:10px 0;}

.footer-menu{font-size:.9em;}

.footer {-moz-border-radius: 5px 5px 0px 0px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}

.bottom-fixed{background-color:none; bottom:0; font-size:.95em; height:55px;padding: 0; position:fixed; text-align:center; width:100%; z-index:1000}
	
/*general links*/
a{color:#14568a; text-decoration:none; outline:none; cursor:pointer}
a:link, a:visited{color:#14568a; text-decoration:none; outline:none}
a:hover, a:active{color:#14568a; text-decoration:underline; outline:none;}

/*general fonts*/
body,input[type=text],textarea,input[type=button],input[type=submit],input[type=reset] ,select{font-family:"Lucida Grande",Tahoma, serif;}

/*headings*/
h1{font-size:1.8em}
h2{font-size:1.5em}
h3{font-size:1.4em}
h4{font-size:1.3em}
h5{font-size:1.2em}
h6{font-size:1.1em}
h1, h2, h3, h4, h5, h6{color:#333; font-family:georgia,arial; line-height:1.2em; margin-bottom:10px}
h1.content-title,h2.content-title,h3.content-title{ margin-bottom:5px}
.single-content-wrapper h3{ border-bottom:2px solid #14568a; padding-bottom:2px}

/*lists*/
ul {margin-left:0}
ul li{ background: url(../images/li.gif) no-repeat 0 7px; margin-left:0; padding-left:10px;}
fieldset ul li {background:none;padding-left:0;}

/*site-title*/
h1.site-title{color:#fff;padding-top:30px;}
h1.site-title a{color:#fff; text-decoration:none}

/*navigation*/
.main-navigation ul li{margin-right:5px;float:left; font-weight:bold; list-style-type:none; }
.main-navigation ul li a{padding:5px 10px;font-size:.95em;text-transform: capitalize;color:#fff;display:block;}
.main-navigation ul li a:hover,#main-navigation li a:active{ color:#fff; text-decoration: none;}
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current_page_item a:hover{color:#14568a;background-color:#eee; text-decoration:none}

div.logo-exploringjogja {text-indent:-9999px;}

/* [page-home] */
.home-main-left {height: 210px; } 

/* [main-right-tab] */
.home-main-right {height: 210px;}

 
.home-rightside-advertise {min-height: 210px;}
.home-leftside-gallerytoday {min-height:210px; background: #f5f8f8 url("../images/home-left-gallerytoday.jpg") no-repeat top left}
.home-leftside-gallerytoday h2 {padding: 5px 0px 0px 10px}
.home-leftside-gallerytoday h3 {padding: 0}

.home-leftside-jogjabertanya {background: url("../images/home-h-jogjabertanya.jpg") no-repeat top left; padding: 8px 0px 20px 0px}
.home-leftside-jogjabertanya h2 {padding: 0px 0px 0px 10px}
.home-leftside-jogjabertanya-question {background: #f2f4f5;padding: 5px 10px 5px 10px; -moz-border-radius: 0px 0px 8px 8px;}
.home-leftside-jogjabertanya-question h2 {margin: 10px 0 0 0; padding:0;}
.home-leftside-jogjabertanya-question h2 p{margin-bottom: 5px; padding:0;}

.home-leftside-jogjabertanya-answer {margin: 10px 0px 0px 0px}
.home-leftside-jogjabertanya-answer-avatar {float: left; padding: 2px; margin: 5px 10px 5px 5px}
.home-leftside-jogjabertanya-answer-avatar img{ height:30px;}
.home-leftside-jogjabertanya-answer li h4{font: 95% verdana,arial,verdana; font-style: italic; padding: 0px 0px 2px 0px; margin: 0px}
.home-leftside-jogjabertanya-answer li {background:#f2f4f5; margin: 0px 0px 4px 0px;padding: 3px 0px 6px 0px; clear:both; overflow:hidden}

.home-leftside-expresi {min-height: 200px;background: #ecf8d1 url("../images/home-h-expresi.jpg") no-repeat top left; padding: 8px 0px 10px 0px}
.home-leftside-expresi h2 {padding: 0px 0px 0px 10px; color:#006633}
.home-leftside-expresi-content {padding: 10px; color: #003333; font-size: 0.9em}

.home-aboutmhz {background:#000000 url("../images/background-footer-home.gif") repeat-x top;}
.home-aboutmhz, .home-aboutmhz h3, .home-aboutmhz p {color:#FFF;}

/*explore*/
.article-list-wrapper{margin-bottom:5px; border-bottom:1px dotted #ddd; padding: 10px 15px 10px 10px}
.article-list-wrapper h3 {margin-bottom: 3px}
.content-meta{ color:#777; font-size:.8em; margin-bottom:3px;}
.content-meta-bottom{background-color: #f5f5f5; color:#777; font-size:.9em; margin-bottom:15px;padding:5px 10px;}

.cat-nav{padding:20px 0px 10px 0px;}
.cat-nav h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; float:left; margin:0 50px 20px 10px;}
.cat-nav a:link, .cat-nav a:visited, .cat-nav a:hover, .cat-nav a:active{margin-right:30px; margin-top:4px; outline:none; float:left}
.cat-nav a:hover, .cat-nav a:active{text-decoration:underline;}
.cat-nav1{padding:5px 0px 10px 15px;}
.cat-nav1 h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; float:left; margin:0 50px 20px 10px;}
.cat-nav1 a:link, .cat-nav1 a:visited, .cat-nav1 a:hover, .cat-nav1 a:active{margin-right:30px; margin-top:4px; outline:none; float:left}
.cat-nav1 a:hover, .cat-nav1 a:active{text-decoration:underline;}
.cat-nav-left{padding:5px 0px 10px 0px;}
.cat-nav-left a.cat-nav-left-status:link, .cat-nav-left a.cat-nav-left-status:visited, .cat-nav-left a.cat-nav-left-status:active{outline:none; float:center;padding:4px 8px 4px 8px; background: #D5D5FF; font-weight: bold; -moz-border-radius: 3px 3px 3px 3px;}
.cat-nav-left a.cat-nav-left-status:hover{text-decoration:none;padding:4px 8px 4px 8px; background: #B0B0FF; font-weight: bold; -moz-border-radius: 3px 3px 3px 3px;}
/*.cat-nav-left-status {padding:4px 8px 4px 8px; background: #D5D5FF; font-weight: bold; color: #FFFFFF; -moz-border-radius: 3px 3px 3px 3px;}
/*single*/
.single-header h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; float:left; margin:0 50px 20px 10px;}
.single-column img {width:610px; height:auto}

.single-content-judul{margin-bottom:0px;  padding: 0px 15px 0px 10px}
.single-content-wrapper{margin-bottom:15px;  padding: 0px 15px 10px 10px}
.single-content-wrapper img{max-width: 620px;}
.single-video-text { text-align:center; }
.single-video-text h3{ border:none}
.single-content-comment-date {font-size: 0.8em; font-style: italic; color: #333333}

.single-content-wrapper table{border: 1px solid #999}
.single-content-wrapper table th{background-color:#333; color:#fff; border:1px solid #fff;padding:5px 10px;}
.single-content-wrapper table td{background-color:#efefef;border:1px solid #fff;padding:5px 10px;}


ul.comment-list {margin-left: 0}
ul.comment-list li { background:none; border-bottom:2px dotted #ddd; margin-bottom: 15px; padding: 10px 0}
ul.comment-list li .meta{font-size:.9em; color:#aaa}
ul.comment-list li .avatar-wrapper{ width:60px;float:left}
ul.comment-list li .comment-text{margin-top:5px;}


/*featured content*/
.featured-content{background: #f5f8f8 url("../images/home-left-gallerytoday.jpg") no-repeat top left; padding:10px;float:right; width:220px; margin-left:10px;}
.featured-content p{font-size:.9em;}

/*user
img.small-avatar{ height:20px; width:20px; margin-right:5px; vertical-align:top;}*/
img.medium-avatar{ height:30px; width:30px; margin-right:5px; vertical-align:top;}
img.large-avatar{ height:50px; width:50px; margin-right:5px; vertical-align:top;}

/*jogjabertanya*/
.jb-list-wrapper{margin-bottom:5px; border-bottom:1px dotted #ddd; padding: 10px 15px 10px 10px;overflow:hidden;}
.jb-list-wrapper h2{margin:0;}
.jb-list-wrapper .meta{font-size:.9em; color:#aaa}
.jb-answer-wrapper{border-bottom:1px solid #ddd;margin-bottom: 15px; padding:10px; overflow:hidden;}
.jb-answer-wrapper .meta{font-size:.9em; color:#aaa}
.jb-answer-wrapper .avatar-wrapper{ width:60px;float:left}
.jb-answer-wrapper .text-wrapper{ width:450px;float:left}

/*places*/
.places-wrapper{ padding: 0px 15px 10px 10px}
/*member page*/
.member-header {padding: 10px 0px 10px 0px}
.member-header h1 {margin-left: 10px;}
.member-side-left img {width:175px; height:auto; margin:0 0 10px 0; border:2px solid #eee;}
.member-side-left-wrapper{padding:0 10px}
.member-side-left-wrapper h4{margin:0 }
.member-side-connection {margin: 10px 0px 0px 10px;}
ul.member-leftmenu {list-style:none; margin:0px 10px 0px 10px;}
ul.member-leftmenu li {display:block; border-bottom:1px dotted #b7bfc2; margin-bottom:5px; width:99%;}
ul.member-leftmenu li a, ul.memberleftmenu li a:hover {text-decoration:none; margin-left:10px;}

.member-status {margin:0;padding: 10px; background: #EAEAFF;-moz-border-radius: 5px 5px 0px 0px;}
.member-status-change {padding:3px 8px 4px 8px; background: #c3d2fa; font-weight: bold; color: #e7edfa; -moz-border-radius: 3px 3px 3px 3px;}

.member-updates{ border-bottom:1px solid #ddd;margin-bottom: 15px; padding:0 0 5px 0 }
.member-updates .avatar-wrapper{ width:60px;float:left}
.member-updates .status-wrapper{ width:450px;float:left}
.member-updates .status-meta{color:#aaa;font-size:.9em; padding:5px 0}

.people-list-wrapper {padding: 0 0 10px; margin: 0 0 10px 0; border-bottom:1px solid #ccc;}
.people-list-wrapper .avatar-wrapper{ width:60px;float:left}
.people-list-wrapper .status-wrapper{ width:450px;float:left}
.people-list-wrapper .status-meta{color:#aaa;font-size:.9em; padding:5px 0}

.member-topnav {padding-right: 20px; background: #EAEAFF}
ul.member-topmenu {display:block; list-style-type:none; margin:0 0 10px 0;/*border-bottom:1px solid #ddd; overflow:hidden;*/ }
ul.member-topmenu li {  display:block; float:left; margin:0px 3px 0px 3px; padding:3px 10px 3px 10px;  -moz-border-radius: 3px 3px 0px 0px;}
.member-tab-active {background: #FFFFFF}
.member-tab-inactive {background: #b0c6ff;}
.member-tab-inactive:hover{background: #bbcdf9;}
.member-tab-inactive a {color:#FFFFFF}
ul.member-topmenu li a, ul.membertopmenu li a:hover {text-decoration:none;}

/*member page - update*/
.jogjabertanya {background-color:#FFFF99; padding:15px;}
.updates-avatar img {height:50px; float:right; width:50px;}
ul.status-updates{margin-top:2px;}
.status-updates li {background:#f2f4f5; margin: 0px 0px 4px 0px;padding: 3px; clear:both; overflow:hidden}


/*member page - favorite*/
.favorite-thumb img {height:auto; width:100px}

/*footer*/
.footer{padding:10px 0px 10px 0px; font-size:.9em}
.footer a{ color:#111;}
.footer-home{ font-size:.9em; padding:10px 0px 10px 0px;}
.footer-home a {color: #111;}
.footer-home-component {padding: 5px 15px 5px 15px;}

/*others*/
.home-footer-img{background:#fff url("../images/malioboro-hotzone.jpg") no-repeat center center;height:60px;}
.highlight-search-phrase{background-color:#ccc; padding:2px 5px}

/*misc*/
hr.separator {background:#fff;color:#fff;margin:0.7em 0 0.7em 0;}
.ovflow {overflow:auto}
.flleft {float:left}
.flright {float:right}
.right {text-align:right;}
.center {text-align:center;}
.whitespace {height:30px}
.error-message {background: #fcf3c6; border: 1px solid #ffc27b;padding: 3px 8px 3px 8px; margin: 10px 0px 0px 0px; float: left; color: #fd8900}
.caution-message {background: #ebf2f2; border: 1px solid #dbe7e7;padding: 3px 8px 3px 8px; margin: 10px 0px 0px 0px; float: left; color: #617982}
a.message {background: #ebf2f2; border: 1px solid #dbe7e7;padding: 3px 8px 3px 8px; margin: 10px 0px 0px 0px; float: left; color: #617982;font-weight:bold;}
a.message-active{background: #EAEAFF; border: 1px solid #dbe7e7;padding: 3px 8px 3px 8px; margin: 10px 0px 0px 0px; float: left; color: #617982; font-weight:bold;}
a.message:hover {background: #EAEAFF; border: 1px solid #dbe7e7;padding: 3px 8px 3px 8px; margin: 10px 0px 0px 0px; float: left; color: #617982; font-weight:bold;}
.read {font-weight:normal;}
.unread{font-weight:bold;}

/* slider gallery */
#list {
	height:130px;
	width:780px; 
	margin:0 auto; 
	padding:0;
}
.slider {
	float:left;
	left: -5000px; 
	margin:15px; 
	position:relative; 
	visibility:hidden;	
}
	
.slider ul {
	height:100px;
	width:500px; 
}

.slider ul li {
	padding:0;
	margin-right:10px;
}

.slider ul li img {
	cursor:pointer; 
	padding-top:3px;
	width:100px;  
}

.prev {
	cursor:pointer; 
	float:left;
	width:15px;
	padding-top:50px;
}

.next {
	cursor:pointer; 
	float:right; 
	padding-top:50px;
}
/*redesign*/
/*redesign*/
/*redesign*/
.home-left h1, .home-center h1 {background-color:#222; color:#fff; display:block; font-size:1.5em; height:30px; margin-bottom:10px; padding:7px 0 0 10px; width:300px;}
.home-center h2 {line-height:1.3em;}
.stream {border-bottom:solid 1px #ddd; margin-bottom:10px; padding-bottom:5px;}
a.stream-link {font-size:1.2em; font-weight:bold; line-height:1.2em;}