/*   Theme Name: Kuta Balis Edition */ /*========= SETUP =========*/ *{ 	border: 0; 	margin: 0; 	padding: 0; } body{ 	color: #666666; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	line-height: 18px;         background: #fff url(http://www.balisadhana.com/wp-content/themes/panjibali/images/bg_repeat.jpg) repeat-x; } a{ 	color: #000000; 	text-decoration: none; } a:hover{ 	text-decoration: underline; } input,select,textarea{ 	border: #dddddd 1px solid; 	font-size: 12px; 	padding: 5px; } select{ 	padding: 0; } li{ 	list-style: none; } /*========= LAYOUT =========*/ #page{ 	width: 960px; 	background:#fff;border:1px solid #ccc;-moz-box-shadow:#12121a 0 4px 18px;-webkit-box-shadow:#12121a 0 4px 18px;-khtml-box-shadow:#12121a 0 4px 18px;box-shadow:#12121a 0 4px 18px; 	margin:15px auto; } /*--- Main Columns ---*/ #columns{ 	padding:15px 15px 25px; 	background-color: #FFFFFF; 	margin: 0px; } .col1{ 	float: left; 	width: 595px; 	padding-right:15px; } .col2{ 	float: left; 	width: 320px; } /*--- Sub Columns ---*/ .subcol{ 	width: 150px; } .subcol h2{ 	font-size: 14px; 	padding: 0 0 10px; 	color: #FFFFFF; } /*========= HEADER =========*/ /*- Page Navigation -*/ #nav{ 	height: 30px; 	padding: 2px 0px !important; 	background-color: #FFFFFF; 	margin:15px 15px 0px !important; 	border-top:1px solid #ddd; 	border-bottom:1px solid #ddd; 	width: 930px !important; } #nav-left { 	float:left; 	display:inline; 	width:600px; 	} #nav-right { 	float:right; 	display:inline; 	width:330px; 	margin:0px !important; 	padding:0px !important; 	} /*- Dropdowns-*/ #nav1, #nav1 ul{ 	padding: 0; 	float:left; 	list-style: none; } #nav1 { 	padding: 0; 	font-size:13px; 	float:left; } #nav1 a { 	display: block; 	padding-left:15px; 	padding-right:15px; } #nav1 li { 	float: left; 	line-height:30px; 	font-weight:bold; 	font-size:11px;	 	text-transform:uppercase; } #nav1 li a:hover { 	background: none; 	text-decoration:none; 	color:#ffffff; } #nav1 li ul { 	position: absolute; 	width: 15em; 	left: -999em; 	padding-top:1px; } #nav1 li:hover ul, #nav1 li.sfhover ul { 	left: auto; } #nav1 li ul li {     background: #FFFFFF; 	border-bottom:1px solid #dedbd1;	 	border-left:1px solid #dedbd1;	 	border-right:1px solid #dedbd1;			 	line-height:28px;	 	width:15em; } #nav1 li:hover, #nav1 li.hover {     position: static; } #nav1 li ul ul { 	margin: -29px 0 0 15em; 	border-top:1px solid #dedbd1;	 } #nav1 li:hover ul ul, #nav1 li.sfhover ul ul { 	left: -999em; } #nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul { 	left: auto; } #nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul { 	left: -999em; } #nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul { 	left: auto; }  /*- Category Navigation -*/ /*- Nav / Dropdowns-*/ #nav2 { 	margin:0 0 15px 15px !important; 	margin:0 0 7px 7px;	  } #nav2, #nav2 ul{ 	padding: 0; 	float:left; 	list-style: none; } #nav2 { 	padding: 0; 	font-size:13px; 	float:left; 	width:930px; 	border-top: 1px solid #DDDDDD; } #nav2 a { 	display: block; 	padding-left:15px; 	padding-right:15px; 	border-right: 1px solid #DDDDDD; } #nav2 li { 	float: left; 	line-height:30px; } #nav2 li a:hover { 	background: none;     text-decoration: none; } #nav2 li ul { 	position: absolute; 	width: 15em; 	left: -999em; 	z-index: 99999; } #nav2 li:hover ul, #nav2 li.sfhover ul { 	left: auto; 	z-index:1000;	 } #nav2 li ul li {     background: #FFFFFF; 	border-bottom:1px solid #dedbd1;	 	border-left:1px solid #dedbd1;	 	border-right:1px solid #dedbd1;			 	line-height:28px;	 	width:15em; } #nav2 li:hover, #nav2 li.hover {     position: static; } #nav2 li ul ul { 	margin: -29px 0 0 15em; } #nav2 li:hover ul ul, #nav2 li.sfhover ul ul { 	left: -999em; } #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul { 	left: auto; } #nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul { 	left: -999em; } #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { 	left: auto; }  /*- Search -*/ #search{ 	float: right; 	height: 27px; 	width:310px; 	margin: 3px 0px 0px !important; 	padding:0px !important; } * html #search{ 	margin-right: 8px; } #search input{ 	background: #ffffff; 	border: 1px solid #dddddd; 	color: #000000; 	float: left; 	font-size: 11px; 	width:223px; 	margin:1px 0px 0px; 	padding: 3px 4px 4px; } #search .btn{ 	padding: 0; 	height:22px; 	width: auto; 	margin:1px 0px 0px 5px !important; 	border:none; 	width:69px; } /*- Header -*/ #header{ 	height: 60px; 	background-color: #ffffff; 	margin: 0 15px; 	padding: 10px 0; } /*- Logo -*/ #header h1{ 	line-height: 20px; 	font-size: 24px; 	color:#E6C400; } #header div{ margin-left: 6px; margin-top:4px; padding:0 0 0 4px; border-left:2px solid #B0B0B0; } /*- Top Banner -*/ #topbanner { 	float: right; 	width: 468px; 	padding:20px 0px 0px; } #topbanner img{ 	float: right; } /*- RSS -*/ #rss a{ 	color: #666666; } #rss h2{ 	padding:10px; 	font-size:14px; 	margin-bottom:10px; } #rss ul{ 	margin: 0px; 	padding: 10px; 	float:left; } #rss li{ 	margin: 0px; 	border:none !important; 	padding: 5px; } #rss img{ 	float: right; 	padding-left: 10px; 	margin-top: 5px; } /*========= FEATURED POSTS (FRONT-PAGE) =========*/ /* See slideshow.css */ /*========= FEATURED VIDEOS (FRONT-PAGE) =========*/ #video-frame { 	background:#eee; 	float:left; 	width:583px; 	height:auto; 	margin:0px; 	padding: 5px; 	border: 1px solid #ddd; 	} .video-left { 	float:left; 	width:285px !important; 	display:inline; 	background-color:#FFFFFF; 	} .video-left p { 	padding:0px !important; 	margin:0px !important; 	} .video-left h2 { 	display:none; 	} .video-right { 	float:right; 	width:273px; 	min-height:214px; 	display:inline; 	background-color:#FFFFFF; 	padding: 10px; 	} .video-right h2{ 	color: #000000; 	font-size:11px; 	line-height:normal; 	font-weight:bold !important; 	margin:0 !important; 	padding-top: 0px; 	padding-right: 0px; 	padding-bottom: 5px; 	padding-left: 0px; 	} .video-right p{ 	color: #666; 	font-size:11px; 	line-height:12px; 	margin-top: 10px; 	margin-right: 0; 	margin-bottom: 0px; 	margin-left: 0; 	padding-top: 0; 	padding-right: 0; 	padding-bottom: 20px; 	padding-left: 0px; 	} .video-right h3{ 	font-style: normal !important; 	font-weight: bold; 	font-size:18px; 	line-height:20px; 	padding-bottom: 0px; 	} .video-right .mootabs_title { 	border-top:1px solid #FFF; 	list-style:none; 	margin:0px; 	padding:0px; 	} .video-right .mootabs_title li { 	color:#000; 	font-weight:normal; 	font-size:11px; 	text-decoration:none; 	display:block; 	padding:10px; 	border: 1px solid #dddddd; 	background:#f7f7f7; 	line-height:10px; 	cursor: pointer; 	margin-top: 0px; 	margin-right: 0px; 	margin-bottom: 5px; 	margin-left: 0px; 	} .video-right .mootabs_title li:hover, .video-right .mootabs_title li.active { 	background:#dddddd url(images/ico-watch.gif) right center no-repeat !important; 	} /*========= BLOG POST STYLING =========*/ /*=== Small Box Post ===*/ .post{ 	margin: 0; } .col1 h1{ 	font-size: 20px; 	padding: 10px 0 5px; } .post h2{ 	font-size: 18px; 	padding: 0 0 5px; } .post h3{ 	font-size: 14px; } .post h3 a{ 	color: #000000; } .post p{ 	padding: 0 0 15px; 	line-height: 15px; } /*- Box -*/ .box{ 	clear: both; 	height: 1%; 	padding: 0; 	margin: 0; } .box .post{ 	width: 288px; 	background-color: #ffffff; 	border:1px solid #ddd; } .box .post h2 a{ 	color:#333333; } .box .post h2{ 	font-size: 18px; 	padding: 10px; 	line-height: 20px; } .box .post p{ 	font-size: 11px; 	padding: 5px 10px; } .box .post img{ 	border: 1px solid #dddddd; 	float: right; 	padding: 5px; 	background-color: #FFFFFF; 	margin: 10px; } /*=== Traditional Blog Post ===*/ .post-alt{ 	margin: 0 0 15px 0; 	 } .post-alt h2{ 	font-size: 22px; 	padding: 0; 	color:#000000; 	line-height: 26px; } .post-alt h3{ 	font-size: 13px; 	padding-bottom: 5px; 	line-height: 18px; 	color: #000000; } .post-alt h4{ 	font-size: 14px; 	padding-bottom: 5px; 	line-height: 16px; } .post-alt h3 a, .post-alt h2 a{ 	color: #000000; } .post-alt p{ 	padding: 0 0 15px; } .post-alt p.post_date{ 	color: #999999; 	padding: 5px 0px 10px; 	font-size: 11px; 	font-weight: normal; } p.posted{ 	font-size: 11px; 	color: #666666; 	font-style: normal; 	font-weight: normal; 	line-height: 15px; 	background-color: #eeeeee; 	padding: 5px; 	margin-top: 10px; 	text-align: right; 	border-top:1px solid #ddd; 	/*border-bottom:1px solid #ddd;*/ 	clear:both; } h3.posted a { 	color: #000000; 	font-size:11px; } .box .post h3.posted { 	border-bottom:none; } .author_info { 	float: left; 	width: 573px; 	padding: 4px; 	background-color: #eeeeee; 	border: 1px solid #cccccc; 	margin-bottom: 8px; } .author_info h3 { 	margin-bottom: 4px; } /*=== Buttons ===*/ .continue{ 	background: url(images/ico-arrow.gif) no-repeat left; 	font-weight:bold; 	padding-left: 15px; } .comments { 	padding-bottom:0px !important; } .comments a{ 	background: url(images/ico-comm.gif) no-repeat left; 	color: #000000; 	font-weight:normal; 	font-size:11px; 	padding:0px 0px 0px 18px; 	margin-left:5px; } a.more{ 	background: url(images/ico-arrow2.gif) no-repeat right; 	color: #c0c0c0; 	font-size: 1.2em; 	font-weight: bold; 	padding: 0 20px 0 0; } /*=== Traditional Blog Post ===*/ .navigation { 	width:595px; 	margin-bottom:15px; 	float:left; 	padding: 15px 0; 	border-top:  1px solid #eee; 	border-bottom:  1px solid #eee; } .navigation a { 	color: #000000; 	font-size: 1em; 	font-weight: bold; } .alignleft{ 	display:inline; 	float:left; 	margin-right:15px; } .alignright{ 	display:inline; 	float:right; 	margin-left:15px; } /*    Using 'class="alignright"' on an image will (who would've     thought?!) align the image to the right. And using 'class="centered',     will of course center the image. This is much better than using     align="center", being much more futureproof (and valid) */ img.wp-smiley  {     padding: 0!important;     border: none!important; } img.centered {     display: block;     margin-left: auto;     margin-right: auto;     }     /* End Images */ /*========= ARCHIVE SPECIFIC =========*/ #archivebox { 	margin-bottom:15px; 	padding:10px; 	color:#000 !important; } #archivebox h4, #archivebox h3, #archivebox h2{ 	color:#333333; } #archivebox h4 em, #archivebox h2 em, #archivebox h3 em{ 	font-weight: normal; } #archivebox a, #archivebox h2 { 	color:#000; } .archivefeed { 	margin-top:10px; 	padding-bottom:0px; } .archivefeed a { 	background:url(images/ico-arcfeed.gif) center left no-repeat; 	height:20px; 	color:#000; 	font-weight:bold; 	font-size: 11px; 	font-weight: normal; 	padding:3px 0px 1px 22px; } .arclist{ 	width: 260px; 	margin:0px 0px 25px; 	padding:5px 0px 0px; 	border-bottom: 1px solid #eee; } .arclist h2{ 	color: #000; 	padding:0px 0px 15px; } .arclist ul { 	margin-bottom: 15px; } .arclist ul li{ 	color:#c0c0c0; 	font-size:12px; 	padding:8px 0 8px 10px; 	border-top:1px solid #eee; } /*========= SINGLE POST SPECIFIC =========*/ .singletags { 	margin-top:5px; } .singletags a { font-weight: normal !important; text-decoration:underline;color:#000000; } .entry p{ 	text-align:left; 	font-size:12px; 	line-height:18px; 	} .entry blockquote { 	padding: 10px; 	border: 1px solid #ddd; 	color:#000; 	width:85%; 	background-color: #f7f7f7; 	font-style: italic; 	margin:5px auto 15px; 	} .entry blockquote p { 	font-size:12px; 	padding: 5px 0px; 	margin: 5px 0px; 	line-height: 20px; 	} .entry img { 	padding: 4px; 	border: 1px solid #dddddd; 	background-color: #FFFFFF; 	} .wp-caption img { 	margin-bottom:15px; } p.wp-caption-text { 	text-align:center; 	padding: 0 0 15px 0; 	margin:0px; 	font-size:1.2em; 	font-style:italic; 	color:#000000; } .entry ul, .entry ol { 	margin-bottom:15px; 	font-size:12px; 	line-height:20px; 	} .entry ul li ul, .entry ol li ol{ 	margin-bottom:0px; 	padding-top:3px; 	} .entry ul li { 	list-style:circle inside !important; 	margin-left:15px; 	padding:3px 0px; 	} .entry ul li ul li { 	list-style:disc inside !important; 	} .entry ol li { 	list-style:decimal inside !important; 	font-size:12px; 	padding:3px 0px; 	} .entry ol li ol li { 	list-style:decimal-leading-zero inside !important; 	} /*========= COMMENTS =========*/ h2.commh2{ 	font-size: 1.5em; 	padding: 0 0 5px; 	margin: 0 0 15px 0; 	font-weight:bold !important; 	color:#000000; } ol.commentlist{ 	margin: 10px 0 20px; 	padding: 0; 	list-style: none; 	font-size: 12px; 	line-height: 20px; } ol.commentlist p{ 	margin-bottom:10px; 	line-height: 20px; } ol.commentlist cite{ 	font-style: normal; 	font-weight: bold; } ol.commentlist li{ 	padding: 20px 10px 10px 10px; } ol.commentlist li.alt{ 	padding: 10px 10px 0 10px !important; 	background:#f7f7f7; 	border:1px solid #eee;	 } #comment { margin-top:14px; 	width: 590px; 	float: left; } /*========= THREADED COMMENTS =========*/ ol.commentlist .comment-meta{ 	font-size:0.8em; } ol.commentlist li .avatar { 	 	float:left; 	border: 1px solid #000; 	margin-right: 10px; } ol.commentlist li{ 	border:1px solid #eee;		 	margin:10px 0 10px; 	padding:15px 10px 10px; } ol.commentlist li .even{ 	background:#ffffff; } .commentlist li ul li { 	margin-left:10px; 	margin-right:-5px; } ol.commentlist li .reply { 	padding:0 0 5px 0; } #respond p{ 	margin-bottom:10px; 	line-height: 20px; } /* PageNavi */ .more_entries {font-size:11px;} .more_entries .wp-pagenavi {clear:both;float: right;} .more_entries .wp-pagenavi a {text-decoration: none !important;} .more_entries .wp-pagenavi .current,  .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {background: #9f9f9f !important;} .more_entries .wp-pagenavi a, .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited,  .more_entries .wp-pagenavi .current,  .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi span.pages { background: #EEEEEE;color: #666; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; } .more_entries .wp-pagenavi .extend { background:none; border:none; } /*========= SIDEBAR =========*/ /* Tabs */ #tabs { 	width:308px !important; 	height:auto !important; 	padding:5px; 	border:1px solid #ddd; 	background-color:#eeeeee; 	float:left; 	display: block; } .inside { 	width: 293px !important; 	padding:5px !important; 	border:1px solid #ddd !important; 	margin:5px 0px 0px !important; 	background-color: #FFFFFF; } ul.wooTabs { 	width: 100%; 	padding: 0 0 7px 0; } ul.wooTabs li { 	float: left; 	display:inline; 	font-size: 11px; 	line-height: 34px; 	background: #ffffff; 	color: #000000; 	border:1px solid #ddd; 	font-weight: bold; 	font-size: 11px; 	margin:0px 2px 0px 0px !important; 	cursor: pointer; } ul.wooTabs li a { 	line-height: 31px; 	color: #000000 !important; 	display: block; 	float: left; 	padding: 0 6px; } ul.wooTabs li a.selected, ul.wooTabs li a:hover { 	text-decoration:none; 	color: #ffffff !important; } #tagcloud { 	padding:10px; } #sub img { 	float: right; 	margin: 0 0 8px 8px; } .inside li { 	border-bottom:1px solid #EEEEEE; 	padding:8px; } .inside li img.avatar, .inside li img.thumbnail { 	border: 1px solid #ddd; 	padding: 3px; 	background-color: #ffffff; 	float: left; 	margin: 0 8px 0 0; } /*- Ads -*/ #mpu_banner { 	width:300px; 	height:250px; 	background-color:#eeeeee; 	margin-bottom:15px; 	padding: 9px; 	border: 1px solid #dddddd; } #advert_125x125 { 	padding-left: 14px; } #advert_125x125 img{ 	border: 1px solid #ddd; 	padding: 5px; 	margin:0 14px 14px 0; } /*- Flickr -*/ #flickr .wrap { 	padding-top: 15px; } .flickr_badge_image img { 	float:left; } /*=== Styling Widget Lists ===*/ .widget { 	margin-bottom:15px; }	 .widget h3 { 	padding: 5px; } .widget ul { 	margin:0 0 10px 0; 	padding:5px 0; 	border:none !important; } .widget ul li { 	border-bottom: 1px solid #eee; 	padding:5px 0 5px 5px; 	margin:0px; } .widget ul li a { 	color: #000000; } .widget select { } .textwidget { 	padding-top: 15px; } /*========= FOOTER =========*/ #footer{ 	clear: both; 	color: #666666; 	height: 35px; 	line-height: 35px; 	margin:0px 15px 15px; 	padding:0px 15px; 	background-color: #f7f7f7; 	border: 1px solid #ddd; } #footer img { 	vertical-align:middle; 	margin-left:5px; } /*========= MISC =========*/ .fix{ 	clear: both; 	height: 1px; 	margin: 0 0 -1px; 	overflow: hidden; } .hl{ 	border-bottom: 2px solid #eee; } .hl-full{ 	float:left; 	clear:both; 	height:1px; 	width:100%; 	padding:0 !important; 	margin:0px 0px 15px; } .hl2{ 	border-bottom: 3px solid #c0c0c0; } .hl3{ 	border-bottom: 1px solid #eee; } .blog{ 	width:100% !important; 	float:left; } .between{ 	height:2px; 	margin-bottom:15px; 	} .fl{ 	float: left; } .fr{ 	float: right; } .ac{ 	text-align: center; } .ar{ 	text-align: right; } .th{ 	border: 1px solid #dddddd; 	float: right; 	padding: 5px; 	background-color: #FFFFFF; 	margin: 0 0 5px 10px; } table#wp-calendar { 	border-collapse: collapse; 	margin: 0px; 	padding: 0px; } table#wp-calendar a { 	color:#000000;  } table#wp-calendar caption {  	font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd;  } table#wp-calendar th {  	width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center;  } table#wp-calendar td {  	width: 26px; line-height: 1.66667em; color: #999; text-align: center;  } table#wp-calendar td#next, table#wp-calendar td#prev {  	width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase;  } .gravatar { 	float:left; 	border: 1px solid #000; 	margin-right: 10px; } .jdGallery a { cursor:pointer !important; } /* Slider */ #slider-holder { position: relative; height: 270px; width: 595px; margin-bottom: 20px; overflow: hidden ; color: #fff;} #slider-holder h2 {font-size: 14px; border-bottom:1px solid #ddd;} #slider-holder .slide{ position: absolute; top:0px; left: 595px; z-index: 1;height: 270px; width: 595px; overflow: hidden;} #slider-holder .slide-1 { display : block; left:0px; top:0px;} #slider-holder .slide a {display: block;  } #slider-holder .slide img {  display: block; position: absolute; top:0px; left: 0px; } #slider-holder  img.full-mask {  position: absolute; top:0; left: 0px; z-index: 0; display: none; } #slider-holder .slide-content { position: absolute; top: 270px; left: 0;height: 700px; width: 575px; background: #000; padding: 10px 10px 0 10px;z-index: 999;} #slider-holder .slider-left, #slider-holder .slider-right {position: absolute;    cursor: pointer; height: 150px; width: 120px; z-index: 999; display: block; color: white; } #slider-holder .slider-left { left: 0;  top: 0; background: url('images/fleche1.png') no-repeat center bottom;   } * html #slider-holder .slider-left { background: url('images/fleche1.gif') no-repeat center left; } #slider-holder .slider-right{right: 0; top: 0; background: url('images/fleche2.png') no-repeat center bottom;} * html #slider-holder .slider-right { background: url('images/fleche2.gif') no-repeat center right; } .slider-shelf { z-index: 999; background: #000; position: absolute; top:0; width: 595px; overflow: visible;} span.clicker { z-index: 999; background: #000; position: absolute; top:0px; right:120px; width: auto; font-size: 11px; display: block; padding: 2px 10px; cursor: pointer;} .shelf-content { z-index: 9999; position: absolute; top:0; width: 595px;} .shelf-content img {border:1px solid #fff; margin: 10px 0 0 10px; cursor: pointer;} .shelf-title {padding: 0px 10px;} .tbr{ 	border: 1px solid #dddddd; 	padding: 5px; 	background-color: #FFFFFF; 	margin: 0 10px 5px 0px; }