/****************************************************
#####################################################
##-------------------------------------------------##
##             RY News - Version 1.0.0             ##
##-------------------------------------------------##
## Copyright = Raya Web Design - 2010              ##
## Date      = 02 November 2010                    ##
## License   = free template                       ##
## Author    = Heri siswanto                       ##
## Websites  = http://www.rayawebdesign.com        ##
##                                                 ##
#####################################################
****************************************************/
* { 
	padding: 0;
	margin: 0;
}

body {
	background: #e9e9e9;
	line-height: 1.5;
	font-family: Arial,Helvetica,sans-serif;
	color: #444;
}

body#bd { background: url(../images/wood_02.gif) repeat-x top #e9e9e9; }
body.fs1 { font-size: 11px; }
body.fs2 { font-size: 12px; }
body.fs3 { font-size: 13px; }
body.fs4 { font-size: 14px; }
body.fs5 { font-size: 15px; }

/** DEFAULT HTML STYLE **/
a { color: #069; text-decoration: none; }
a:hover { color: #16c8d3; }

a.readon { background: url(../images/arrow.png) no-repeat left center; padding-left: 20px; }

a#gotop { background: url(../images/arrow2.png) no-repeat left center; padding-left: 10px; font-weight: bold; }
a#sh_form { background: url(../images/arrow3.png) no-repeat right center; padding-right: 12px; }

ul { 
	padding-bottom: 10px;
	list-style: square inside;
}

ol {
	padding-bottom: 10px;
	list-style: decimal inside;
}
	
li {
	line-height: 15px;
	color: #4C4C4C;
	list-style: none;
	background: url(../images/arrow-list.png) no-repeat left 7px;
}

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 92%;
}

h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: uppercase; }

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	padding: 0;
}

p { margin: 8px 0; }

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a { font-weight: bold; }

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

td, div { font-size: 100%; }
img { border: none; margin: 5px; }

form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.button {
	padding: 3px 5px;
	border: none;
	color: #fff;
	font-size: 85%;
	text-transform: uppercase;
	background: #436284;
}

.button:hover, .button:focus {
	border: none;
	background: #4a3832;
	color: #fff;
}

.inputbox {
	background: #fefefe;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #444;
}

.inputbox:hover, .inputbox:focus { }

div.img_caption { margin: 3px 10px; }
img.caption { background: #fff; margin: 0; padding-bottom: 2px; }
p.img_caption { background: #4278AC; padding: 1px 5px; margin: 0; line-height: 1.4em; text-align: center; color: #fff; }

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: Arial,Helvetica,sans-serif;
}

.componentheading, .contact-name {
	border-bottom:1px solid #436284;
	color:#222;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
	padding-bottom: 10px;
}

/** XHTML STYLE **/
div.moduletable h3,
div.moduletable_menu h3 { 
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 8px;
	font-size: 125%;
}

div.moduletable_text h3 { }

div.ry-moduletable li {
	padding: 4px 5px 4px 15px;
	border-bottom: 1px solid #f0f0f0;
}

#ry-header .main { height: 123px; }

.mod-title-desc { margin-left: 4px; color: #D88727; }
/** LOGO **/
#header-logo {
	width: 320px;
	height: 120px;
	float: left;
	position: absolute;
	left: 10px;
	top: 25px;
}

h1.logo, div.logo { 
	width: 194px;
	height: 50px;
	z-index: 1;
}

h1.logo a, div.logo a {
	background: url(../images/logo.gif) no-repeat;
	width: 320px;
	height: 80px;
	display: block;
}

h1.logo a span, div.logo a span{
	position: absolute;
	top: -10000px;
}

/** MAINNAV **/
#ry-mainnav .main { padding-bottom: 5px; }

/** SEARCH **/
.ry-search { 
	position: absolute; 
	right: 10px; 
	width: 200px; 
	z-index: 10; 
	top: 4px;
	text-align: right;
}
.ry-search .inputbox { 
	background: url(../images/icon-search.png) no-repeat 99% center;
	width: 175px;
	padding: 4px 5px;
}

.search-form { padding: 3px 0; }
.search_field, .search_legend { border:1px solid #eaeaea; }
.search_field { margin-top: 8px; }
.search_legend { border-bottom: none; padding: 5px 8px 3px; margin-left: 6px; }
td.search-pag ul.pagination { width: 100%; }
.search_page { border-bottom: 2px solid #eaeaea; padding: 3px 0; }
.searchintro { border-bottom: 2px solid #eaeaea; border-top: 2px solid #eaeaea; padding: 3px 0; }

/** NEWS & ADVERTISE**/
.ry-news { border:1px solid #eaeaea; padding: 8px 8px 10px; margin-bottom: 10px; }
.ry-news li { padding: 4px 5px 4px 15px; }
.adv-head {
	width: 468px;
	height: 60px;
	position: absolute;
	right: 20px;
	top: 25px;
}

.ry-adv { 
	border:1px solid #eaeaea; 
	text-align: center;
	margin-bottom: 10px;
	padding: 8px 0;
}

/** CONTENT BOTTOM **/

/** RY BOTS **/
#ry-bots div.moduletable h3 { color: #44739D; }

/** JOOMLA DEFAULT **/
#ry-container .main { padding-bottom: 15px; padding-top: 5px; }
.mainside {  }
.contentpaneopen { padding: 0 5px; }
.leading { padding-bottom: 5px; margin-bottom: 5px; }
.article-meta { width: 60%; float: left; }
.buttonheading img { margin: 0 2px; float:right; }
.modifydate { font-style:italic; font-size: 90%; float: right; }

ul.pagination { width: 75%; float: left; }
ul.pagination li { 
	border:1px solid #D8D6C5;
	padding: 2px;
	margin:0 8px 0 0;
	display: inline;
	background: none;
}
.counter { width: 20%; float: right; text-align: right; color: #bbb; }

/* Content Toc */
table.contenttoc {
	border: 1px solid #eaeaea;
	float: right;
	margin: 0 0 5px 12px;
	padding: 0;
	width: 30%;
	font-size: 92%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px solid #eaeaea; padding: 3px 10px; }

table.contenttoc th {
	background: #fafafa;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
	text-transform: uppercase;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }
table.tablelist td{ padding: 3px 3px; }
.sectiontableheader { background: #e7f2fc; }

.article-tools { border-bottom: 1px solid #eaeaea; margin-bottom: 10px; }
.article-content { padding-bottom: 5px; }

/** JOOMLA ADVERTISER **/
.banneritem_text { margin-bottom: 5px; }
.banneritem_text a { font-weight: bold; text-decoration: underline; }
.bannerfooter_text { text-align: right; font-style: italic; font-size: 95%; }

.banneritem img { border:1px solid #eaeaea; padding: 2px; }

.sectiontableentry2, .sectiontableentry1 { padding: 3px 0 3px 3px; }
.sectiontableentry2 { background: #fafafa; }

/** POLL **/
.polltitle { font-weight: bold; }
div.poll .radio { float: left; margin: 3px 3px 0 0; }
div.blog_more { margin: 5px 0 10px; }
div.blog_more h2 { font-size: 90%; }
div.blog_more li { 
	background: url(../images/arrow1.png) no-repeat 10px center; 
	list-style: none;
	padding-left: 20px; 
}

table.pollstableborder .sectiontableentry0 td,
table.pollstableborder .sectiontableentry1 td { padding: 2px 5px; }
table.pollstableborder .sectiontableentry0 { background: #fafafa; }

/** PATHWAY **/
.ry-path { padding: 3px 3px; background: #eaeaea; margin-bottom: 5px; }
.ry-path strong { margin-right: 5px; }
.ry-path img { margin: -5px 5px; }

/** CONTACT FORM **/
.form-validate { padding-top: 10px; margin-top: 10px; padding-bottom: 10px; }
.contact_email { margin-bottom: 5px; }
.contact_email .inputbox { background: #fcfcfc; border: 1px solid #D8D6C5; color: #444; }
.contact_email label { width: 30%; float: left; }
.contact_email_checkbox { padding-left: 30%; }
.form-validate .button { margin-left: 30%; }
.linkSHForm { padding-top: 3px; border-top:1px solid #eaeaea; }

/* MODULE LOGIN */
#form-login-username, #form-login-password { width: 49%; margin-bottom: 5px; }
#form-login-username { float: left; }
#form-login-password { float: right; }
#form-login-username .inputbox,
#form-login-password .inputbox { 
	background-repeat: no-repeat;
	padding: 4px 1px 4px 0px;
}

#form-login-username .inputbox { background-position: 2px 3px; }
#form-login-password .inputbox { background-position: 2px -39px; }

.remember {  }
.remember span { }
.checkbox { margin: 3px 3px 2px 0; padding: 0; float: left;  }

#form-login-submit { text-align: right; padding: 0; }
#form-login-submit .button { margin: 0;}

.login-list { margin: 5px 0 0; }
.login-list ul li { list-style: none; padding: 2px 0; margin: 0; background: none; border: none; }

/** USER **/
.paramlist td { padding: 2px 0; }

/** COM WEBLINK **/
table.submit_link { }
table.submit_link td { padding: 4px; border: 1px solid #eaeaea; }

table.tab-link td { padding: 4px; }
table.tab-link td img { margin:2px -10px 2px 2px;  float:left; }

/** SUBMIT ARTICLE **/
.article-submit { 
	padding: 8px 4px 4px; 
	border:1px solid #eaeaea; 
	margin-bottom: 10px;
}

.article-submit legend { 
	border:1px solid #eaeaea; 
	border-bottom: none; 
	padding: 4px 8px 2px; 
	margin-left: 10px;
	font-weight: bold;
}

div.button2-left { 
	width: auto; 
	float: left; 
	padding: 3px; 
	margin-top: 3px; 
	margin-right: 3px; 
	border:1px solid #eaeaea; 
}

div.sep-form { padding: 3px 0; }
div.key { width: 20%; float: left; }
div.value-submit { width: 79%; float: right; vertical-align: middle; }
div.value-submit img { margin:0; margin-left: 5px; }
.but-save, .but-cancel { 
	background: url(../images/save-cancel-ico.png) no-repeat transparent; 
	border: none; 
	height: 32px;
	width:32px;
	cursor:pointer;
	margin-left: 5px;
}
.but-cancel { background-position: left -34px; }
.but-save span, .but-cancel span { position: absolute; left: -10000px; }

/** FOOTER **/
#ry-footer .main { padding-bottom: 20px; }
#footer { 
	border-top: 3px solid #ccc;
	padding-top: 10px;
	clear: both;
}

.fotnav { padding-bottom: 3px; }
.fotnav ul li {
	list-style: none;
	background: none;
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0 5px;
}
.fotnav ul li.firstitem { border-left: none; }