@charset "utf-8";
/*   
Theme Name: RukiZone
Theme URI: www.rukizone.com
Description: Exclusive WP Theme for Srieko
Author: Rukshan Dissanayake
Author URI: www.rukizone.com
Version: 01_00
General comments/License Statement.
*/

body{margin:0; font-size:12px; color:#7a7a7a; font-family:Arial, Helvetica, sans-serif; background:url(images/site_bg.jpg) repeat-x;line-height:18px;}

.clear{clear:both;}
.big_font{font-size:14px;}
.f16{font-size:16px;}
.special{color:#1b9ecd; font-size:16px;}
.three_image{vertical-align:top;text-align:center;width:210px;padding:0 0 0 20px;}
.three_image img{width:200px!important;display:block;margin-bottom:2px!important;}
.color_tour{border:1px solid #ddd;padding:10px;background:#f6f6f6;border-radius:10px;}
.color_pink_tour{border:1px solid #ddd;padding:10px;background:#ffeffb;border-radius:10px;}
.color_cream_tour{border:1px solid #ddd;padding:10px;background:#fffde2;border-radius:10px;}
.color_orange_tour{border:1px solid #ddd;padding:10px;background:#ffeddb;border-radius:10px;}
.color_blue_tour{border:1px solid #ddd;padding:10px;background:#e2f6ff;border-radius:10px;}
.tour{border:1px solid #ddd;padding:10px;border-radius:10px;}

.color_pink_tour .price{color:#6E0A58;font-weight:bold;}
.tour .price{color:#1A7709;font-weight:bold;}
.color_cream_tour .price{color:#1A7709;font-weight:bold;}
.color_blue_tour .price{color:#1A7709;font-weight:bold;}

img.alignleft{float:left;margin:0 10px 0 10px;}
img.alignright{float:right;margin:10px 0 10px 0;}

.box_title{font-size:24px; color:#1b9ecd; margin-bottom:10px;}
a{text-decoration:none; color:#7a7a7a;}
a:hover{text-decoration:underline; color:#1b9ecd;}
table.tbl_tour, table.tbl_tour td{border:solid 1px #ddd;}
.red{color:#f00;}
.green{color:#329A00;}
.link{text-decoration:underline;}

/* site */
#site{width:1000px; height:auto; margin:0 auto; background:#fff; margin-top:10px;}
	#site_inner{padding:10px;}
		
		/* top_banner */
		#top_banner{width:980px; height:auto;}
		#top_banner .inner{padding:11px;}
		#top_banner .inner a{outline:none;}
		#top_banner .inner a img{border:none;}

		/* nav */
		#nav{width:980px; height:auto; margin-bottom:6px;}
		#nav .left{width:2px; height:54px; background:url(images/nav_bg_left.jpg) no-repeat; float:left;}
		#nav .mid{width:976px; height:54px; background:url(images/nav_bg_mid.jpg) repeat; float:left;}
		#nav .right{width:2px; height:54px; background:url(images/nav_bg_right.jpg) no-repeat; float:left;}
		
		#nav .mid ul{padding:0; margin:0;}
		#nav .mid ul li{ display:block; float:left;}
		#nav .mid ul li.text{list-style:none; font-size:15px; text-shadow:#000 1px 1px; margin-top:0;}
		#nav .mid ul li a{text-decoration:none; color:#b8b8b8; outline:none; padding:10px 12px 8px 12px;display:block;}
		#nav .mid ul li a:hover{background:#0f88b3; color:#fff; text-shadow:#00465f 1px 1px;}
		#nav .mid ul li a.active{background:#0f88b3; color:#fff; text-shadow:#00465f 1px 1px;}
		
		#nav .mid ul li ul{position:absolute; width:220px; left:-999em; z-index:99; } /*top:170px;*/
		#nav .mid ul li ul li{width:220px;}
		#nav .mid ul li ul li a{display: block; line-height:35px; padding:0 10px; border:1px solid #2c2c2c; border-width:0 0 1px 0; color:#b8b8b8; font-weight:normal; text-decoration:none; font-size:15px; width:250px; background:url(images/nav_bg_mid.jpg) repeat-x; text-align:left;}
		#nav .mid ul li ul li a:hover{background:#0f88b3; border:1px solid #2c2c2c; border-width:0 0 1px 0; padding:0 10px; text-shadow:#00465f 1px 1px;}
		#nav .mid ul li:hover ul, #nav .mid ul li.sfhover ul{left:auto;}
		
		/* flash_banner */
		#flash_banner{width:980px; height:auto;}
		
		/* bottom_banner */
		#bottom_banner{width:980px; height:auto;}
		#bottom_banner .inner{padding:0 0 0 0;}
		#bottom_banner .inner .date_time{width:690px; height:auto; float:left;}
			#bottom_banner .inner .date_time #clock_sl{width:290px;float:left;}
			#bottom_banner .inner .date_time #clock_jp{width:290px;float:left;}
		
		#bottom_banner .inner .social_media{width:290px; height:auto; float:left;}
		
		#bottom_banner .inner .social_media .inner{padding:8px; margin-left:210px;}
		#bottom_banner .inner .social_media .inner .twitter{width:24px; height:24px; float:left; margin-right:6px;}
		#bottom_banner .inner .social_media .inner .facebook{width:24px; height:24px; float:left;}
		
		#bottom_banner .inner .social_media .inner a{outline:none;}
		#bottom_banner .inner .social_media .inner a img{border:none;}
		
		/* content */
		#content{width:980px; height:auto;}
		
		#content .left{width:620px; height:auto; float:left; margin-right:10px;}
		#content .right{width:350px; height:auto; float:left;}
		
		#content .left .welcome_box{width:618px; height:auto; border:1px solid #dddddd; margin-bottom:15px;}
		#content .left .srieko_news{width:618px; height:auto;padding:10px 0 0 0;}
		
		#content .left .welcome_box .inner{padding:10px;}
		#content .left .welcome_box .inner .title{font-size:24px; color:#1b9ecd; margin-bottom:10px;padding:5px 0;}
		.title h2{font-size:24px; color:#1b9ecd; margin-bottom:10px;padding:5px 0;}
		.title h3{font-size:24px; color:#1b9ecd; margin-bottom:10px;padding:5px 0;font-weight:normal;}
		.tour_packages .title h2{font-size:24px; color:#1b9ecd; margin-bottom:10px;padding:25px 0 25px 55px;background:url(images/logo.jpg) no-repeat left center;}
		#content .left .welcome_box .inner p{text-align:left; margin:0;}
		#content .left .welcome_box .inner .more{text-align:right; font-weight:bold;}
		#content .left .welcome_box .inner .more a{text-decoration:none; color:#7a7a7a; outline:none;}
		#content .left .welcome_box .inner .more a:hover{text-decoration:underline; color:#1b9ecd;}
		#content .left .welcome_box .inner .image{display:block; width:299px; height:auto; float:left; margin-right:12px;}
		#content .left .welcome_box .inner .para{display:block; width:285px; float:left;}
		
		#content .wide_col{width:980px; height:auto; border:1px solid #dddddd; margin-bottom:15px;}
		#content .wide_col .inner{padding:10px;}
		#content .wide_col .inner .title{font-size:24px; color:#1b9ecd; margin-bottom:10px;}
		
		#content .left .srieko_news .title{font-size:30px; color:#329a00; font-weight:bold; margin-left:10px; padding-bottom:15px;}
		#content .left .srieko_news .news_box{width:618px; height:auto; border:1px solid #ddd;}
		#content .left .srieko_news .news_box .inner{padding:12px;}
		#content .left .srieko_news .news_box .inner .news{margin-bottom:10px;}
		#content .left .srieko_news .news_box .inner .last_news{margin-bottom:0px;}
		#content .left .srieko_news .news_box .inner .news_title{font-size:12px; font-weight:bold; margin-bottom:3px;}
		#content .left .srieko_news .news_box .inner .news_title a{text-decoration:none; color:#7a7a7a;}
		#content .left .srieko_news .news_box .inner .news_title a:hover{text-decoration:underline;}
		#content .left .srieko_news .news_box .inner p{margin:0; padding:0;}
		
		#content .right .md_msg_box{width:350px; height:532px; background:url(images/md_msg_box.jpg) no-repeat;}
		#content .right .md_msg_box .inner{padding:15px 10px 10px 10px;}
		#content .right .md_msg_box .inner .title{font-size:24px; color:#363636; margin-bottom:10px;}
		#content .right .md_msg_box .inner .top{width:330px; height:auto;}
		#content .right .md_msg_box .inner .top .left{width:126px; height:130px; background:url(images/mg_box.png) no-repeat; float:left;}
		#content .right .md_msg_box .inner .top .right{width:190px; height:145px; float:left;}
		#content .right .md_msg_box .inner .top .left .inner{padding:5px;}
		#content .right .md_msg_box .inner .top .right p{margin:0; padding:0; text-align:justify;}
		#content .right .md_msg_box .inner p{margin:0; padding:0; text-align:left; margin-top:4px;}
		
		#content .right .img_box{width:350px; height:222px; border:1px solid #dddddd; margin-bottom:10px;}
		#content .right .img_box .inner{padding:5px;}
		
		#content .right .twitter_box{width:350px; height:auto; margin-top:25px;}
		
		#content .right .links{padding-top:15px;}
		#content .right .links p{margin:0;}
		
		table tr td.table_title{width:125px; vertical-align:top; font-size:13px; font-weight:bold;}
		table tr td.table_title a{display:block;padding:15px;background:#eee;float:left;border-radius:10px;font-size:16px;}
		table tr td.town_name{width:300px; vertical-align:top; font-size:13px; font-weight:bold;}
		table tr td ul{padding:0; margin:0 0 0 10px;}
		table tr td.sub_title{vertical-align:top; font-weight:bold;}
		table tr td img{padding:0 15px 0 0;}
		table tr td.no_padding img{padding:0;}
		table tr td a img{border:1px solid #fff;}
		table tr td a:hover img{border:1px solid #1b9ecd;}
		
		table.breaking_news tr td {border-bottom:solid 1px #ccc;padding:5px 0;}
		table.breaking_news tr td a img{border:0;}
		
		.archives{text-align:right;padding:10px 20px 0 0;}
		.archives a{font-size:14px;font-weight:bold;}
		
		.hotel_packages table tr td {vertical-align:top;}
		
		ol li{float:left; width:175px;}
		
		/* fotter */
		#fotter{width:980px; height:auto; background:#262626; margin-top:10px;}
		#fotter .inner{padding:10px;}
		
		#fotter .inner .left{width:620px; height:auto; color:#c6c6c6; float:left;}
		#fotter .inner .right{width:340px; height:auto; color:#c6c6c6; float:left; text-align:right;}
		
		#fotter .inner .left a{text-decoration:none; color:#c6c6c6; margin-right:5px;}
		#fotter .inner .left a:hover{text-decoration:underline;}
		
		/* rukizone */
		#rukizone{width:980px; height:auto; text-align:right;}
		#rukizone .inner{padding:5px 10px 3px 10px;}
		#rukizone .inner a{text-decoration:none; color:#717171;}
		#rukizone .inner a:hover{text-decoration:underline;}
		
		.post_item h3 a{color:#0e719a;}
		.post_item h2 a{line-height:30px;}
		
		
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;border-radius:5px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {}
.commentmetadata {font-weight: normal;}

/* start Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
#commentform input {width: 200px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
/* end Form Elements */

/* start Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;background:#fff;border:1px solid #D0CE98;width:auto!important;float:none!important;border-radius:10px;}
.commentlist li a{color:#333b1f;}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
/* end Comments */


a.contact_link{border:1px solid #767676; padding:6px;border-radius:5px;background:#1b9ecd;color:#fff;}
a.contact_link:hover{background:#26abdb;color:#fff;text-decoration:none;}

table.about tr td.sub_title_about{width:150px!important;}

/* start wp-page navi (plugin) */
.wp-pagenavi{padding:10px 0;clear:both;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;border: 1px solid #333;color: #333;background-color: #FFFFFF;	}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;border: 1px solid #333;color: #333;background-color: #FFFFFF;	}
.wp-pagenavi a:hover {	border: 1px solid #1B9ECD;color: #fff;background-color: #1B9ECD;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;border: 1px solid #0A81BE;color: #fff;background-color: #1B9ECD;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333;background-color: #FFFFFF;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px;font-weight: bold;border: 1px solid #333;color: #fff;background-color: #333;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px;	border: 1px solid #333;color: #333;background-color: #FFFFFF;}
/* end wp-page navi */