/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

html  {height:100%; padding-bottom:1px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0; padding:0;}
table  {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0px none;}
a, a:visited, a:active {outline:none; text-decoration:none; color:#069;}
a:hover {text-decoration: underline;}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style:inherit; font-weight:inherit;}
del, ins {text-decoration:none;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {}
abbr, acronym {border:0px none; font-variant:normal}
sup {vertical-align:baseline;}
sub {vertical-align:baseline;}
legend {color:#000;}
input, button, textarea, select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select {font-size:100%;}
strong {font-weight:bold;}
.inputbox {padding:1px;}
h1 {padding-bottom:2px; font-size:18px;}
h2 {padding-bottom:2px; font-size:17px; Font-weight:bold;}
h3 {padding-bottom:2px; font-size:16px; Font-weight:bold;}
h4 {padding-bottom:2px; font-size:14px; Font-weight:bold;}
h5 {padding-bottom:2px; font-size:13px; Font-weight:bold;}
h6 {padding-bottom:2px; font-size:13px;}

/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {
	height: 1%; /* IE5-6 */
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

.article_column .contentpaneopen { padding-left: 10px; padding-right: 10px; }
.leading { }
.article_row { margin-left: -10px; margin-right: -10px; }
.article_column { float: left; position: relative; }
.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

body { background: #120e05; color: #333; font-family: "Segoe UI", Arial, Helvetica, sans-serif; line-height: 1.5; }
body#bd { background: #120e05 url('../images/bodybg.jpg') no-repeat fixed center top; color:#333; background-attachment:fixed }
fieldset { border:none; padding:10px 5px; }
body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }
#wrapper {background: transparent; margin-bottom: 15px; margin:0 auto; }
#ry-header {background: #fff url('../images/headerbg.jpg') no-repeat center top; height: 167px; position: relative }
.logo-text { width: 30%; position:relative; left: 7px; text-align: center; top: 30px;  }
.logo-text h1 { font-size: 270%; font-family: Tahoma,"Segoe UI",Arial,Helvetica,sans-serif; text-shadow: 1px 1px 1px #ccc; }
p.site-slogan { font-size: 150%; line-height: .5; text-shadow:1px 1px 1px #333; color:#fff; }
div.ry-search { width: 30%; position:absolute; right: 15px; bottom: 50px; }
div.ry-search .inputbox { border:1px solid #86faf3; background: #fff url('../images/searchbt.gif') no-repeat 4px center; color: #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:20px; padding-right:5px; padding-top:4px; padding-bottom:4px }
div.ry-search .inputbox:focus { color: #000; }
/** BODY BEGIN **/
#ry-container { background: #fff; clear: both; float: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
.content-body { float: left; }
.column-right { float: right; }
.ry-body-content { clear: both; padding: 0 5px; }
.column-left { float: left; }
.ry-content { float: right; }
.ry-box { float: left; }
/** BOOTS SPOT **/
#spoot-bot { background: url('../images/bots-bg.gif'); color: #ddd; text-shadow:1px 1px 1px #333; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:15px }
#spoot-bot .ry-box { padding: 0; background: url('../images/dot.gif') repeat-y right; margin-top:10px }
#spoot-bot .ry-box-right, #spoot-bot .ry-box-full { background: none; }
#spoot-bot a { color: #ddd; }
#spoot-bot a:hover { color: #fff; text-decoration: none; }
/** FOOTER **/
#ry-footer { background: transparent; position:relative; text-align: center; margin-top: 20px; }
/** SLIDE SHOW **/
.ry-slide { overflow: hidden; margin-bottom: 20px;    }
.slide-br { background: #fff url('../images/slide-br.gif') no-repeat bottom right; }
.slide-bl { background: url('../images/slide-bl.gif') no-repeat bottom left; }
.slide-tr { background: url('../images/slide-tr.gif') no-repeat top right; }
.slide-tl { background: url('../images/slide-tl.gif') no-repeat top left; height: 286px }
.slide-content { padding: 10px; height: 264px; overflow: hidden; }
span.span1 { display: block; text-shadow:1px 1px 1px #444; }

span.span2 {
	display: block;
	font-weight: normal;
	font-size: 92%;
	color: #ddd;
}

/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/
/** COLUMN SIDEBAR **/
.column-right, .column-left { padding: 0 8px; }
/** MODULE TABLE LAYOUT - XHTML**/
div.moduletable, div.moduletable_menu { 
	margin-bottom: 8px;
}
div.moduletable_menu li { background: url('../images/arrow-boot.png') no-repeat left center; border-bottom:1px dotted #ccc; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px } 
div.column-left .ry-moduletable h3 { background: url('../images/h3-blue.gif') no-repeat left center; padding-left: 15px; margin-bottom: 3px } 
/** MODULE LAYOUT - ROUNDED **/
div.module{ 
	/*background: #e7ecef;*/
	margin-bottom: 8px;
	color: #fff;
}
div.module h3 { background: url('../images/h3.gif') no-repeat left center; padding-left: 20px; padding-bottom:6px }
div.module h3 span.title { color: #fb8801; text-shadow: 1px 1px 1px #465a03; }
div.module h3 span.sub-title { color: #fff; text-shadow: 1px 1px 1px #465a03; }
.ry-mod-br { background: #8eb01e url('../images/b-br.gif') no-repeat bottom right; }
.ry-mod-bl { background: url('../images/b-bl.gif') no-repeat bottom left; }
.ry-mod-tr { background: url('../images/b-tr.gif') no-repeat top right; }
.ry-mod-tl { background: url('../images/b-tl.gif') no-repeat top left;  padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:20px }

/** ROUNDED TEXT **/
.module_text { background: #fff url('../images/bb-br.gif') no-repeat right bottom; }
.module_text .ry-mod-bl { background: url('../images/bb-bl.gif') no-repeat left bottom; }
.module_text .ry-mod-tr { background: url('../images/bb-tr.gif') no-repeat right top; }
.module_text .ry-mod-tl { background: url('../images/bb-tl.gif') no-repeat left top; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:20px }

/** BANNER MODULE **/
.bannerheader { color: #999; font-style: italic; font-size: 95%; }
.bannerfooter_text { text-align: right; font-size: 95%; }
.bannerfooter_text a { color: #999; }
.banneritem_text { border-bottom:1px solid #eee; margin-bottom: 5px; padding-bottom: 2px; }

/** BOOT SPOTLIGHT **/
#spoot-bot .moduletable { padding: 0 10px; }
#spoot-bot .moduletable h3 { color: #ff6000; font-size: 110%; margin-bottom: 5px; }
#spoot-bot .moduletable li { background: url('../images/jc_blog.gif') no-repeat left 4px; padding-left: 15px; margin: 3px 0 }

/** FOOTER POSITION **/
.ry-footnav { font-size: 100%; overflow: hidden; position: relative;  }
.ry-footnav ul { line-height: normal; margin: 0 0 8px; padding: 0;  }
.ry-footnav ul li { display: inline; margin: 0; padding: 0 10px; border-left:1px solid #ccc; }
.ry-footnav ul li.ry-firstitem { border: none; }
.ry-footnav ul li a{ color: #fff; }
.ry-footer { color: #fff; font-size: 120%; }/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

#mainnav { background: blue url('../images/mainnav-bg.gif') repeat-x center top; }
.ry-cssmnu ul {
	margin: 0; /* all lists */
	padding: 0;
	border-right:1px solid #9bcae0;
	float: left;
}

.ry-cssmnu ul ul {
	margin: 0; /* all lists */
	padding: 0;
}

.ry-cssmnu ul li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	
}

.ry-cssmnu ul li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}

.ry-cssmnu ul li ul ul {
	margin: -2em 0 0 14em; /* third-and-above-level lists */
}

.ry-cssmnu ul li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

.ry-cssmnu ul ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

.ry-cssmnu ul li:hover ul ul, .ry-cssmnu ul li:hover ul ul ul,
.ry-cssmnu ul li.sfhover ul ul, .ry-cssmnu ul li.havechildsfhover ul ul, .ry-cssmnu ul li.havechild-activesfhover ul ul, .ry-cssmnu ul li.activesfhover ul ul,
.ry-cssmnu ul li.sfhover ul ul ul, .ry-cssmnu ul li.havechildsfhover ul ul ul, .ry-cssmnu ul li.havechild-activesfhover ul ul ul, .ry-cssmnu ul li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
.ry-cssmnu ul li:hover ul, .ry-cssmnu ul li li:hover ul, .ry-cssmnu ul li li li:hover ul,
.ry-cssmnu ul li.sfhover ul, .ry-cssmnu ul li.havechildsfhover ul, .ry-cssmnu ul li.havechild-activesfhover ul, .ry-cssmnu ul li.activesfhover ul,
.ry-cssmnu ul li li.sfhover ul, .ry-cssmnu ul li li.havesubchildsfhover ul, .ry-cssmnu ul li li.havesubchild-activesfhover ul, .ry-cssmnu ul li li.activesfhover ul,
.ry-cssmnu ul li li li.sfhover ul, .ry-cssmnu ul li li li.havesubchildsfhover ul, .ry-cssmnu ul li li li.havesubchild-activesfhover ul, .ry-cssmnu ul li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
.ry-cssmnu ul li a {
	margin: 0;
	padding: 14px 15px;
	border-left:1px solid #9bcae0; 
	border-right:1px solid #4591b5;
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	text-shadow:1px 1px 1px #0f5d81;
	
}

.ry-cssmnu ul li a:hover,
.ry-cssmnu ul li a:active,
.ry-cssmnu ul li a:focus,
.ry-cssmnu ul li a.sfhover {
	color: #fff;
	text-decoration: none;
}

.ry-cssmnu ul li:hover,
.ry-cssmnu ul li.sfhover,
.ry-cssmnu ul li.havechildsfhover,
.ry-cssmnu ul li.havechild-activesfhover {
	color: #fff;
}

.ry-cssmnu ul li a.active,
.ry-cssmnu ul li a.active:hover,
.ry-cssmnu ul li a.active:active,
.ry-cssmnu ul li a.active:focus {
	color: #fff;
}

/* 2nd level and above */
.ry-cssmnu ul li ul {
	border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; border-top:0px none; background:#333; 
}

.ry-cssmnu ul li ul ul { }

.ry-cssmnu ul li ul li { background: none; }

.ry-cssmnu ul li ul a {
	border-right: 0px none;
	border-left: 0px none;
	margin: 0;
	background: none;
	color: #ccc;
	font-weight: normal;
	line-height: normal;
	text-shadow: none; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:7px
}

.ry-cssmnu ul li.havesubchild,
.ry-cssmnu ul li.havesubchild-active {
	background: url('../../images/bullet2.gif') no-repeat 94% 50%;
}

.ry-cssmnu ul li ul a:hover,
.ry-cssmnu ul li ul a:active,
.ry-cssmnu ul li ul a:focus,
.ry-cssmnu ul ul li:hover,
.ry-cssmnu ul ul li.sfhover,
.ry-cssmnu ul ul li.havesubchildsfhover,
.ry-cssmnu ul ul li.havesubchild-activesfhover,
.ry-cssmnu ul ul ul li:hover,
.ry-cssmnu ul ul ul li.sfhover,
.ry-cssmnu ul ul ul li.havesubchildsfhover,
.ry-cssmnu ul ul ul li.havesubchild-activesfhover {
	background: #444;
	color: #fff;
}

.ry-cssmnu ul ul li a.active,
.ry-cssmnu ul ul li a.active:hover,
.ry-cssmnu ul ul li a.active:active,
.ry-cssmnu ul ul li a.active:focus {
	background: none !important;
	color: #fff;
	font-weight: bold;
}
/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

/* JOOMLA TAG HEADING */
.componentheading { font-size: 130%; font-weight: bold; margin-bottom: 5px; }
.contentheading { font-family: Georgia, "Times New Roman", Times, serif; }
/* Layout Deco ---*/
.blog { }
.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }
.leading { padding-bottom: 10px; padding-top: 0; }
.article_row { padding-bottom: 10px; padding-top: 10px; }
.article_column { }
.column_separator { padding: 0 25px; }
.article-tools {
	background: url('../images/title_bg.gif') repeat-x left top ;
	clear: both;
	color: #999;
	display: block;
	line-height: normal;
	margin: 0;
	position: relative; padding-left:0; padding-right:5px; padding-top:6px; padding-bottom:5px
}
.article-meta { float: left; padding: 0; width: auto; }
.article-section, .article-category { color: #999; border-left: 1px solid #ccc; padding-left: 5px; padding-right: 5px; }
.article-section a, .article-category a { text-decoration: none; }
.buttonheading { /*float: right;*/float: left; border-left: 1px solid #ccc; padding-left: 5px; padding-top: 2px; padding-bottom: 1px; }
.buttonheading img { border: 0px none; float: right; margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0 }
.createby { padding: 3px 3px 3px 0; text-transform: capitalize; }
.createdate { padding: 3px 3px 3px 0; }

/* BLOG MORE **/
.blog_more { background: url('../images/separ-bm.gif') no-repeat center top; margin-top: 10px; margin-bottom: 10px; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:5px }
.blog_more h2 { font-family: "Georgia","Times New Roman",Times,serif; font-size: 90%; margin-bottom: 5px; }
.blog_more ul li { font-size: 95%; font-style: italic; line-height: 160%; background: url('../images/arrow-boot.png') no-repeat left center; padding-left: 10px }
/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 75%;  }

ul.pagination li {
	background: none;
	padding: 0;
	overflow: hidden;
	display:inline; 
	margin-right:1px;
}

ul.pagination li span { padding: 0 5px; line-height: 20px; border: 1px solid #ccc; }

ul.pagination a {
	background: #f6f6f6;
	border: 1px solid #ccc;
	color: #000;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background: #069;
	border: 1px solid #069;
	color: #fff;
	text-decoration: none;
}
.counter {
	float: right;
	line-height: 1;
	margin: 15px 0 !important;
	text-align: right;
	width: 24%;
}

.counter span {
	background: #069;
	border: 1px solid #069;
	color: #fff;
	padding: 1px 5px;
}

/** POOL **/
.form-contentpane { margin-top: 15px; }

/** CONTACT **/
.misc { padding:5px 0; border-bottom: 1px solid #999; margin-bottom: 5px; }
.formAdd { padding: 5px; border-bottom: 1px solid #999; }
td.address, td.contactphone { font-weight: bold; color: #000; }
div.formContactLabel .contact { margin-bottom: 5px; }
div.formContactLabel .contact label, #contact_textmsg { font-weight: bold; }
.contact_email_checkbox { margin: 5px 0; }
.linkSHForm a { font-weight: bold; }
#formContact .contentheading { font-size:17px; font-weight:bold; padding:10px 0; }/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

.sectiontableheader {
	background: #333;
	border: 1px solid #ccc;
	color: #fff;
	padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.sectiontableentry,
.sectiontableentry0{
	padding: 5px 5px 6px;
}

.sectiontableentry1 { background-color: #f0f0ee; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
/*------------------------------------------------*
* ##################################################### *
* ## ----------------------------------------------- ## *
* ##    Template Name = ry_travel - Version 1.0      ## *
* ## ----------------------------------------------- ## *
* ## Copyright = Raya Web Design - 2010              ## *
* ## Date      = 06 June 2010                        ## *
* ## License   = free template                       ## *
* ## Author    = Heri siswanto                       ## *
* ## Websites  = http://www.rayawebdesign.com        ## *
* ## ----------------------------------------------- ## *
* ##################################################### *
* -----------------------------------------------------*/

.logo-text { width: 30%; position:relative; left: 7px; top: 30px; text-align: center; }
.logo-text h1 { font-size: 300%; }
p.site-slogan { font-size: 250%; }

div.column-left .ry-moduletable { 
	margin-bottom: 15px;
}

div.column-left .ry-moduletable h3 { font-size: 160%; }