﻿/* HTML TAG DEFINITIONS */



html {

	height: 100%; 

	margin-bottom: 1px;}





body {

	direction:rtl;

	margin: 0px;

	text-align:right;

	font-family: Arial, Helvetica, sans-serif;

	background: #eeebd9 url(../images/background.jpg) repeat-x;

	color: #000;

}

	

	

hr {

	background-color: #a46822;

	color: #a46822;

	height: 1px;

	width: 100%;}



img {

	border: none;}



h1 {

	color: #a46822;

	font-size: 28px;

	text-align: right;

	margin: 0 0 20px 0;}



h2 {

	color: #706a4c;

	font-size: 20px;

	text-align: right;

	margin: 5px 0;}



h3 {

	color: #a46822;

	font-size: 20px;

	text-align: right;

	margin: 5px 0;}



h4 {

	color: #706a4c;

	font-size:18px;

	margin: 5px 0;}



h5 {

	font-size: 16px;

	color: #a46822;

	letter-spacing: 2px;

	margin: 5px 0;}



h6 {

	font-size: 16px;

	color: #706a4c;

	letter-spacing: 2px;

	margin: 5px 0;}



a {

	color: #c67d28;

	text-decoration: none;

	font-weight: bold;}



a:hover {

	color: #949180;

	text-decoration: underline;

	font-weight: bold;}

	

p.center {

	text-align:center;}	





/* PAGE LAYOUT IDs AND CLASSES */



#wrapper {

	background: #fff url('../images/textbg.jpg');

	color: #000;

	text-align: right;

	width: 900px;

	margin: 0 auto;}

	

#global {

	background-image: url('../images/global.jpg');

	text-align: right;

	font-size: 90%;

	letter-spacing: 2px;

	height: 15px;

	padding: 5px 30px 0 30px;}



#global ul {

	margin: 0px;

	padding: 0px;

	float: right;

}

	



#global li {

	margin: 0px;

	padding: 0px;

 list-style-type: none;

 display: inline;

 border-right: 1px solid #000;

  padding-left: 5px;

 padding-right: 5px;

}





#logo {

	text-align: right;}



#mainimage {

	background-image: url('../images/mainimagebg.jpg');

	text-align: right;

	float: left;

	width: 550px;

	height: 206px;

	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;

	padding: 10px 20px 30px 30px;}

	

#mainimage img {

	margin: 0 0px 0 30; 

	float: left;

	}



#mainnavigation {

	background-image: url('../images/mainnavbg.jpg');

	text-align: right;

	float: left;

	letter-spacing: 1px;

	width: 250px;

	height: 186px;

	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;

	padding: 10px 30px 50px 20px;}



#mainnavigation a {

	display: block;

	width: 230px;

	color: #c67d28;

	text-decoration: none;

	font-weight: bold;

	padding: 1px 1px 0px 1px;

	margin: 3px 3px 1px 3px;

	border: 1px solid #c67d28;}



#mainnavigation a:hover {

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	background-color: #c67d28;

	border: 1px solid #d8d2ae;}

	

#sidebar {

	width: 200px;

	float: left;

	padding: 0 20px 0 30px;

	font-size: 90%;}



span.hottopic {

	color: #a46822;

	font-weight: bold;}



#content {

	width: 550px;

	float: left;

	padding: 0 30px 0 20px;}



#contentwide {

	clear: both;

	padding: 0 40px;}

	

#footer {

	clear: both;

	background: #eeebd9 url('../images/footer.png') no-repeat;

	height: 60px;

	color: #000;

	text-align: center;

	padding: 30px 0 10px 0;}



/* MISCELLANEOUS FORMATTING CLASSES */



.contact {padding: 5px; text-align: right; margin: 20px 0;}

.contact label {width: 150px; float: left; text-align: right; margin: 3px 5px 5px 5px; clear: both;}

.contactbox {margin: 3px 5px 5px 5px; background-color: #fff; color: #fff; border: 1px solid #c0c0c0;}

.contactbutton {text-align: center; margin: 5px 0 0 170px; border: none;}



.catalogleft {

	width: 230px;

	padding: 0 10px 5px 0;

	float: left;

	text-align: right;}

	

.catalogright {

	width: 230px;

	padding: 0 0 5px 10px;

	float: right;

	text-align: right;}	

	

.imageleft-noborder {

	margin: 0 10px 0 0; 

	float: left;}



.imageright-noborder {

	margin: 0 0 0 10px; 

	float: right;}

	

.imageleft-border {

	margin: 0 10px 0 0; 

	float: left;

	border: 3px double #c2c2c2;}



.imageright-border {

	margin: 0 0 0 10px; 

	float: right;

	border: 3px double #c2c2c2;}

	

	

	



/* Left Module Style */

div.moduletable {

text-align: right;

  width: 99%;

  float: left;

  margin: 0px 0px 25px 0px;

  border-bottom: 1px solid #a46822;

}

 

div.moduletable h3 {

	height: 14px;

  padding: 5px 0px 5px 19px;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 112%;

  margin: 0px;

  background: #DDDDDD;

}





/* Default Joomla! Menu */

a.mainlevel {
	

	width: 230px;

	color: #c67d28;

	text-decoration: none;

	font-weight: bold;

	padding: 0px;

	margin: 0px;

	border: 1px solid #c67d28;

	text-align: right;

}



a.mainlevel:hover,

a.mainlevel:active,

a.mainlevel:focus ,

a.mainlevel#active_menu {

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	background-color: #c67d28;

	border: 1px solid #d8d2ae;

}



a.sublevel {

	margin-top: 3px;

padding-left: 25px;

	display: block;

	text-decoration: none;

	border: 0px;

}





/* JOOMLA STYLE

--------------------------------------------------------- */



table.poll {

	padding: 0;

	margin-left: 20px;

	width: auto;

	text-align: right;

	border: 1px solid;

}



table.pollstableborder {

	padding: 0;

	width: auto;

	border: none;

	text-align: right;

}



table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	padding: 2px!important;

}



.sectiontableheader {

	padding: 3px 5px;

	font-weight: bold;

	width: auto;

}



td.sectiontableentry1  {

	width: auto;

	padding: 0px;

}



td.sectiontableentry2  {

width: auto;

	padding: 0px;

}





.contentheading {

	color: #a46822;

	font-size: 28px;

	text-align: right;

	margin: 0 0 20px 0;

}





/*quanghuy o tren*/

table.blog {

}



.article_seperator {

	display: block;

	height: 20px;

}



table.contentpane {

	border: none;

	width: 100%;

}



table.contentpaneopen {

	border: none;

}



table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 35%;

}



table.contenttoc a {

	text-decoration: none;

}



table.contenttoc td {

	padding: 1px 5px 1px 25px;

}



table.contenttoc th {

	padding: 4px;

	text-indent: 5px;

}





table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px!important;

}



table.adminform {

	width: 400px!important; /*Control the Frontend Editor area width*/

}



.adminform .inputbox {

}



.blog_more {

	margin: 10px 0;

	padding: 10px;

}



.blog_more strong {

	margin: 0 0 5px;

	display: block;

	text-transform: uppercase;

}



.blog_more ul {

	margin: 0;

	padding: 0;

}



.blog_more ul li {

	margin: 0;

	padding: 0 0 0 12px;

}



td.buttonheading {

	padding: 0 0 0 3px!important;

	text-align: center;

}



.category {

	font-weight: bold;

}



.clr {

	clear: both;

}



.componentheading {

color: #a46822;

	font-size: 28px;

	text-align: right;

	margin: 0 0 20px 0;

}



.contentdescription {

	padding-bottom: 30px;

}







a.contentpagetitle {

	text-decoration: none!important;

}



a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	text-decoration: none!important;

}



a.readon {

	float: right;

	padding: 1px 5px 1px 22px;

	display: block;

	text-transform: lowercase;

	text-decoration: none;

}



a.readon:hover, a.readon:active, a.readon:focus {

	text-decoration: none;

}



table.contentpaneopen td, table.contentpane td {

}



table.contentpaneopen, table.contentpane, table.blog {

	width: 100%;

}



.createdate {

	padding: 2px 0 10px 0;

	color: #999999;

	line-height: 10px;

}



.modifydate {

	color: #999999;

	height: 15px;

}



.moduletable {

	padding: 0;

}



.mosimage {

	padding: 0;

	margin: 8px 15px 0 0!important;

	margin: 8px 5px 0 0;

}



.mosimage img {

	padding: 0;

	margin: 0!important;

}



.mosimage_caption {

	margin-top: 5px;

	padding: 1px 2px;

	color: #999999;

}



.pagenav,

.pagenav_prev,

.pagenav_next,

.pagenavbar {

	padding: 0 2px;

}



a.pagenav,

.pagenav_prev a,

.pagenav_next a,

.pagenavbar a {

	text-decoration: none;

}



a.pagenav:hover, a.pagenav:active, a.pagenav:focus,

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,

.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,

.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {

	text-decoration: none;

}



.pagenavbar {

	padding-left: 14px;

}



.pagenavcounter {

	padding: 8px 14px 0 14px;

	

}





.small {

	color: #999999;

}



.smalldark {

	color: #999999;

	text-align: right;

}



div.syndicate div {

	text-align: center;

}



.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

	background: none;

}



ul

{

margin: 0;

padding: 0;

list-style: none;

}



li

{

line-height: 15px;

padding-right: 15px;

padding-top: 0px;

background-image: url(../images/bullet-list.gif);

background-repeat: no-repeat;

background-position: 3px right;

}



.mceContentBody {

	background-image: none;

	background-color:#FFFFFF;

	color:#000000;

	font-size:12px;

	

}
