/*  
Theme Name: i3Theme 1.7 Grassy Green (Center Edition)
Theme URI: http://www.mangoorange.com
Description: WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>, customized by <a href="http://www.mangoorange.com">MangoOrange&trade;</a>, sponsored by <a href="http://www.web-hosting-top.com/">Top 10 Web Hosting Worldwide</a>.
Version: 1.7
Author: Mickey Cheong
Author URI: http://www.mangoorange.com/about/

	This theme was designed by Nick La, customized by Mickey Cheong Kah Meng.
	
	By downloading and using this theme, you agree to the following terms:
		- You may NOT resell this theme
		- A link back to N.Design Studio and MangoOrange™ must be retained in the footer (either modified or unmodified)
		- You may use this theme for personal or commercial projects
		- You may modify, translate or distribute
   
  Sponsored by
	   * Top 10 Web Hosting Worldwide (http://www.web-hosting-top.com/)
	   * Web Hosting (http://www.b4udecide.com/)
   	
  Changelog
	Version 1.7
		* Added support for Wordpress 2.5 CSS elements - alignright and alignleft
		* Separate Pings and Comments
		* New comment design with support for Paged Comments plugin
		* Gravatar Plugin support
	
	Version 1.6
		* Site Admin link available in Meta [with icon modified from famfamfam's silk icons (http://famfamfam.com/)]
		* 4 New Colours available: Grassy Green, Midnight Blue, Ruby Red, Snazzy Pink
		* Original i3Theme has been renamed to i3Theme Classic
		* Quote icon available for blockquoted text
		* Enable coloured bullet points for List
		* BUG-FIXED: Layout error when display non-exist post
		* BUG-FIXED: Wrong CSS element [ol li] name
	
	Version 1.5	
		* SEO-friendly header title
		* Enable hierarchical structure for category's sidebar (for Widgets, use the 'Categories' widget)
		* BUG-FIXED: (Only in IE6) Information overflow in the sidebar destroy the layout
		* BUG-FIXED: Next/Previous link display the same [special thanks to Jamie(http://www.jessfortress.com/)]
		* BUG-FIXED: Category icons missing when using Widgets' categories
		* BUG-FIXED: Unable to work in WordPress 2.2 or lower [special thanks to mat(http://www.ekstasis.net/)]
	
  Version 1.4
		* Availability of author credential of each post
		* Improved blog header title with better navigation information
		* Newly Support Plugins (means fully tested)
		  * Paged Comments (http://www.keyvan.net/code/paged-comments/)
		* BUG FIXED: Unable to display more than one row of sub navigation bar
		* BUG FIXED: Wrong function name used, bloginfo() instead of get_bloginfo() [original iTheme code]
		* BUG TEMP-FIXED: Temporary increase the length of the list to 2 times (over 2000px in height).
  	
  Version 1.3.1
		* BUG FIXED: Sub-navigation bar will be display regardless whether there are sub-categories
  	
	Version 1.3
		* Optimised codings
		* Fully tested on Internet Explorer 7, Firefox 2, Safari 3 and Opera 9
		* Works on the latest Wordpress v2.3 release
		* Newly Support Plugins (means fully tested)
		  * Inline Adsense (http://philhord.com/phord/adsense-inline-with-wordpress-blog-posts/)
		  * Secure Contact Form (http://blue-anvil.com/archives/secure-accessible-contact-form-for-wordpress-multi-user-version)
		* BUG UNFIXED:
			* IE7 unable to display the toggle button in Wordpress 2.2.3 
				* SOLUTION: Upgrade to Wordpress 2.3

  Version 1.2
		* Bug Fixed: Unable to display sub-navigation bar when using Widgets Plugin by Automattic
		* Left and Right Edition made available.

	Version 1.1
		* Support Widgets Plugin by Automattic.
		* Support Recent Posts and Recent Comments widgets.
		* Links sorted according to alphabetical order by default.

*/

BODY {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; BACKGROUND-IMAGE: url(images/bg1.gif); DIRECTION: rtl; FONT-FAMILY: Traditional Arabic,Arial; BACKGROUND-COLOR: #3d3d3d
}
A {
	FONT-SIZE: 18px; COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.ul {
	FONT-WEIGHT: bold
}
.li {
	FONT-WEIGHT: bold
}
.tdTitle222 {
	BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted; BACKGROUND-COLOR: #4791c5
}
.tdLeft222 {
	BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted; BACKGROUND-COLOR: #dbeaf5
}
INPUT {
	BORDER-RIGHT: #a4c735 1px solid; BORDER-TOP: #a4c735 1px solid; BORDER-LEFT: #a4c735 1px solid; BORDER-BOTTOM: #a4c735 1px solid; BACKGROUND-COLOR: #ffffff
}
TEXTAREA {
	BORDER-RIGHT: #a4c735 1px solid; BORDER-TOP: #a4c735 1px solid; BORDER-LEFT: #a4c735 1px solid; BORDER-BOTTOM: #a4c735 1px solid; BACKGROUND-COLOR: #ffffff
}
.tdRight2222 {
	BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted; BACKGROUND-COLOR: #000000
}
.table222 {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.input22 {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #ffffff
}
.small_font {
	FONT-SIZE: 13px
}
.textbox22 {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Tahoma; TEXT-ALIGN: right
}
.textbox2 {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 300px; BORDER-BOTTOM: black 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #000000
}
.combo {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 100px; BORDER-BOTTOM: black 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #000000
}
.combo2 {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 40px; BORDER-BOTTOM: black 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #000000
}
.combo3 {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 60px; BORDER-BOTTOM: black 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #000000
}
.textarea1 {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 300px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #000000
}
.textbox3 {
	BORDER-RIGHT: #d3d1df 0px solid; BORDER-TOP: #092e91 1px solid; BORDER-LEFT: #d3d1df 0px solid; WIDTH: 80px; BORDER-BOTTOM: #092e91 1px solid; HEIGHT: 19px; BACKGROUND-COLOR: #d3d1df
}
.td_header {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: arial; BACKGROUND-COLOR: #009999
}
.td_normal {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: arial
}
.td_normal1 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: arial
}
.table2 {
	BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted
}
.input {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	WIDTH: 135px;
	COLOR: #000000;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #60AC01;
	height: 20px;
}
.input222 {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 4px; BORDER-TOP: 0px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: 0px solid; WIDTH: 135px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: 0px solid; BACKGROUND-COLOR: #ffffff
}
.text1 {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 100px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #ffffff
}
.file1 {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 200px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #ffffff
}
.td1 {
	FONT-WEIGHT: bold; HEIGHT: 30px
}
.orangeAction {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: 1px solid; PADDING-LEFT: 1px; BACKGROUND: url(images/search.gif) no-repeat left center; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px solid; WIDTH: 65px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; HEIGHT: 21px
}
.pagenumb {
	BORDER-RIGHT: #c0be9a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c0be9a 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #edfac4; PADDING-BOTTOM: 1px; BORDER-LEFT: #c0be9a 1px solid; COLOR: #797869; PADDING-TOP: 1px; BORDER-BOTTOM: #c0be9a 1px solid; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.pagenumb:hover {
	BORDER-RIGHT: #c0be9a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c0be9a 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #f2f1dd; PADDING-BOTTOM: 1px; BORDER-LEFT: #c0be9a 1px solid; COLOR: #c0be9a; PADDING-TOP: 1px; BORDER-BOTTOM: #c0be9a 1px solid; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.pagenumb1 {
	BORDER-RIGHT: #c0be9a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c0be9a 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #a7d752; PADDING-BOTTOM: 1px; BORDER-LEFT: #c0be9a 1px solid; COLOR: #c0be9a; PADDING-TOP: 1px; BORDER-BOTTOM: #c0be9a 1px solid; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.pagenumb:hover {
	BACKGROUND: #ccf06c; COLOR: #8e8c60
}
.pagenumb1 {
	BACKGROUND: #8e8c60; COLOR: #f2f1dd
}
.pagenumResult {
	BORDER-RIGHT: #c0be9a 1px solid;
	BORDER-TOP: #c0be9a 1px solid;
	FONT-WEIGHT: lighter;
	FONT-SIZE: 15px;
	BACKGROUND: #edfac4;
	BORDER-LEFT: #c0be9a 1px solid;
	COLOR: #000;
	BORDER-BOTTOM: #c0be9a 1px solid;
	FONT-FAMILY: "Traditional Arabic", Arial, sans-serif;
	padding: 4px;
	text-align: center;
}
.3dtdFilterGreen {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#d7f580,endColorStr=#b5da2f); COLOR: #000000; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; HEIGHT: 20px
}
.3dtdFilterGreen2 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#effcc8,endColorStr=#d4f460); COLOR: #000000; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; HEIGHT: 20px
}
.3dtdFilterOrange {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fffce9,endColorStr=#fdeb85); COLOR: #000000; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; HEIGHT: 20px
}
.3dtdFilterGray {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fefefc,endColorStr=#d1d9b0); COLOR: #000000; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; HEIGHT: 20px
}
.3dtdFilterHeader {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eef6df,endColorStr=#b5da2f); FONT-FAMILY: Traditional Arabic,Arial, sans-serif; HEIGHT: 25px
}
.blueFontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: blue; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.993333FontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #993333; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.227272FontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #227272; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.02077CFontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 18pt; COLOR: #02077c; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.01077AFontColor {
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #01077a; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.9E0000FontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #9e0000; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.03727DFontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #03727d; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.202020FontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #202020; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.03727DFontColorBoxes {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #03727d; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.greenFontColor {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #000;
	FONT-FAMILY: Traditional Arabic,Arial, sans-serif;
	text-align: right;
}
.redFontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: red; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.blackFontColor {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.postsTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 18pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; LETTER-SPACING: 0pt; TEXT-DECORATION: none
}
.topMenu {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #eff7d7; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; TEXT-DECORATION: none
}
.topMenu A {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #eff7d7; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; TEXT-DECORATION: none
}
.topMenu A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #eff7d7; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.bottomMenu {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1f1f1f; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; TEXT-DECORATION: none
}
.bottomMenu A {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1f1f1f; FONT-FAMILY: Traditional Arabic,Arial, sans-serif; TEXT-DECORATION: none
}
.bottomMenu A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1f1f1f; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
.marquee {
	BORDER-RIGHT: #bcd601 1px solid; BORDER-TOP: #bcd601 1px solid; BORDER-LEFT: #bcd601 1px solid; BORDER-BOTTOM: #bcd601 1px solid; BACKGROUND-COLOR: #ffffff
}
.newQuranLabel {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: red; FONT-FAMILY: Traditional Arabic,Arial, sans-serif
}
