html{
background-image:url('images/marado.jpg');
background-position:top right;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#89B8FE;
}

body {
	background-image: url('images/bg.jpg');
	background-position:center;
	background-repeat:repeat-y;
	
	margin: 0px; 
	text-align: right; 
/*		font: 16px Simplified Arabic, tahoma, verdana, arial, sans-serif;
*/	
	
}
img { max-width:600px; max-height:600px;}

@font-face {
 font-family: Advertising;
 src: url("fonts/AdvertisingBold.eot") /* EOT file for IE */
}
@font-face {
 font-family: Advertising;
 src: url("AdvertisingBold.ttf") /* TTF file for CSS3 browsers */
}	
@font-face {
 font-family: Vahid;
 src: url("fonts/Vahid-Bd.eot") /* EOT file for IE */
}
@font-face {
 font-family: Vahid;
 src: url("fonts/Vahid-Bd.ttf") /* TTF file for CSS3 browsers */
}	
#logo {
	background-image: url('images/logo444.jpg');

	margin: 0px;
	width: 800px;
	height: 100px;
}

.caption {
	background-image: url('images/caption.png');
	width: 200px;
	height: 34px;
}

.menubody {
	background-image: url(images/menu.png);
	width: 200px;
	background-repeat: repeat-y;
}

.menubottom {
	background-image: url('images/menubottom.png');
	width: 200px;
	height: 7px;
	background-repeat: no-repeat;
}

.captionpadder {
	padding-top: 2px;
	padding-right: 14px;
     
}

.menupadder {
	padding: 8px;
	width: 178px;
}


td {
	font: 14px Simplified Arabic,tahoma, verdana, arial, sans-serif; font-weight: bold
}
a {
	color: #3300CC; text-decoration: none;
}
a:hover {
	color: #990000; text-decoration: none
}
.indent {
	border-right: #ffffff 1px solid; padding-right: 3px; border-top: #000 1px solid; padding-left: 3px; padding-bottom: 3px; margin: 5px; border-left: #000 1px solid; color: #000060; padding-top: 3px; border-bottom: #ffffff 1px solid; background-color: #ebebeb
}
.smalltext {
	font-size: 14px; color: #444; letter-spacing: -1px
}
.smallblacktext {
	font-weight: normal; font-size: 14px; color: #000; line-height: normal; font-style: normal; font-variant: normal
}
.defaulttext {
 color: #996600
}
.mediumtext {
	font-size: 16px; color: #000; text-align:right;
}
.captiontext {
	font: bold 16px/120% Simplified Arabic,tahoma, verdana, arial, helvetica, sans-serif; color: #000
}
.tbox {
	border-right: #559 1px solid; border-top: #559 1px solid; font-size: 14px; min-height: 15px; border-left: #559 1px solid; color: #005; border-bottom: #559 1px solid; font-family: tahoma, verdana, arial, helvetica, sans-serif; background-color: #e4e9f6
}
.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.button {
	border-right: #5e5d63 1px solid; border-top: #5e5d63 1px solid; font-size: 12px; background-image: url(images/button.png); border-left: #5e5d63 1px solid; color: #000; border-bottom: #5e5d63 1px solid; text-align: center
}
.button:hover {
	background-image: url(images/button_hover2.png); color: #fff
}
.nextprev {
	border-right: #77a 1px solid; padding-right: 1px; border-top: #77a 1px solid; padding-left: 1px; font-size: 14px; background-image: url(images/capt.jpg)); padding-bottom: 1px; border-left: #77a 1px solid; color: #000; padding-top: 1px; border-bottom: #77a 1px solid; background-color: #fcfcfc; text-align: center
}
.nextprev:hover {
	background-image: url(images/button_hover.png)
}
form {
	margin: 2px 0px 0px
}
.spacer {
	padding: 0 0 3px 0;
}
hr {
	border-top: #006699 1px solid; vertical-align: bottom; width: 100%; border-bottom: #c6d6d6 1px solid; height: 2px; text-align: center
}
.border {
	border-right: #ACD2F9 2px solid; border-top: #ACD2F9 2px solid; border-left: #ACD2F9 2px solid; border-bottom: #ACD2F9 2px solid; background-color: transparent
}

.infobar {
	border-right: #ccc 1px solid; padding-right: 4px; border-top: #FEC265 1px dashed; padding-left: 4px; font-size: 13px; background-image: url(images/infobar.jpg) ; padding-bottom: 4px; border-left: #fff 1px solid; color: #993300; padding-top: 2px; border-bottom: #ccc 1px solid; background-color:#FFE897; background-repeat:repeat-x;
}
p {
	margin-top: 0px
}
.fborder {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
.fbdefault {
	border-right: #bbb 1px solid; border-top: #bbb 1px solid; margin: 0px; border-left: #bbb 1px solid; border-bottom: #bbb 1px solid; background-color: #fff; text-align: right
}
.forumheader {
	border-right: #ccc 1px solid; padding-right: 4px; border-top: #888 1px solid; padding-left: 4px; font-weight: bolder; font-size: 14px; padding-bottom: 4px; border-left: #888 1px solid; color: #009; padding-top: 4px; border-bottom: #ccc 1px solid; background-color: #CCCCCC; text-align: right ;background-image:url(images/line_bg.gif);background-repeat:repeat-x;
}
.forumheader2 {
	border-right: #c3bdbd 1px solid; padding-right: 4px; border-top: #c3bdbd 1px solid; padding-left: 4px; font-size: 14px; padding-bottom: 4px; border-left: #c3bdbd 1px solid; color: #000; padding-top: 4px; border-bottom: #c3bdbd 1px solid; background-color: #D8EAFC; text-align: right ; background-image:url(images/formbg1.jpg);background-repeat:repeat-x;
}
.forumtilte2 {
	border-right: #c3bdbd 1px solid; padding-right: 4px; border-top: #c3bdbd 1px solid; padding-left: 4px; font-size: 14px; padding-bottom: 4px; border-left: #c3bdbd 1px solid; color: #000; padding-top: 4px; border-bottom: #c3bdbd 1px solid; background-color: #D8EAFC; text-align: right ; background-image:url(images/formbg1.jpg);background-repeat:repeat-x; font-family:Vahid; font-size:16px; font-weight:normal; 
}
.forumtilte2 a{
color:#009900; font-weight:bold;
}
.posttitle{
/*font-family:Vahid; */ font-size:16px; font-weight:normal;
}
.posttitle a{
color:#003399;
}
.posttitle1{
font-family:Vahid; font-size:16px; font-weight:normal;
}
.posttitle1 a{
color:#006600;
}
.posttitle3{
/*font-family:Vahid;*/ font-size:14px; font-weight:normal; color:#000033;font-weight: bold;
}
.f2default {
	border-right: #c3bdbd 1px solid; padding-right: 4px; border-top: #c3bdbd 1px solid; padding-left: 4px; font-size: 14px; padding-bottom: 4px; border-left: #c3bdbd 1px solid; color: #000; padding-top: 4px; border-bottom: #c3bdbd 1px solid; background-color: #E3F0FD; text-align: right
}
.forumheader3 {
	border-right: #CED8FF 1px solid; padding-right: 4px; border-top: #CED8FF 1px solid; padding-left: 4px; font-weight: bold;font-size: 16px; padding-bottom: 4px; border-left: #CED8FF 1px solid; color: #0066FF; padding-top: 4px; border-bottom: #CED8FF 1px solid; background-color: #FFFFFF; text-align: right; background-image: url(images/formbg2.jpg); background-repeat:repeat-x; font-family:"Simplified Arabic";
}
.f3default {
	border-right: #c3bdbd 1px solid; padding-right: 4px; border-top: #c3bdbd 1px solid; padding-left: 4px; font-size: 12px; padding-bottom: 4px; border-left: #c3bdbd 1px solid; color: #000; padding-top: 4px; border-bottom: #c3bdbd 1px solid; background-color: #fafafa; text-align: right
}
.fcaption {
	border-right: #CCCCCC 1px solid; padding-right: 3px; border-top: #CCCCCC 1px solid; padding-left: 3px; font-weight: bold; font-size: 11px; background-image: url(images/fcap.png); padding-bottom: 3px; border-left: #CCCCCC 1px solid; color: #333; padding-top: 3px; border-bottom: #CCCCCC 1px solid; background-color: #dfdfdf; text-align: right
}
.fcdefault {
	border-right: #557 1px solid; padding-right: 3px; border-top: #557 1px solid; padding-left: 3px; font-weight: bold; font-size: 14px; background-image: url(images/fcap.png); padding-bottom: 3px; border-left: #557 1px solid; color: #333; padding-top: 3px; border-bottom: #557 1px solid; background-color: #dfdfdf; text-align: right
}
.fcaption2 {
	border-right: #559 1px solid; padding-right: 0px; border-top: #559 1px solid; padding-left: 8px; font-weight: bold; background-image: url(images/fcap.png); padding-bottom: 2px; border-left: #559 1px solid; color: #559; padding-top: 2px; border-bottom: #559 1px solid; background-color: #e6e6e6
}
.fcdefault {
	background: #cccccc; color: #fff
}
.finfobar {
	border-right: #c3bdbd 1px solid; padding-right: 4px; border-top: #c3bdbd 1px solid; padding-left: 4px; background-image: url(forum/finfobar.png); padding-bottom: 4px; border-left: #c3bdbd 1px solid; color: #000; padding-top: 4px; border-bottom: #c3bdbd 1px solid; background-color: #ccc8c8
}
a.forumlink {
	color: #333; text-decoration: none; 
}
a.forumlink:hover {
	color: #000
}
.helpbox {
	border-right: red 0px; border-top: red 0px; font: 11px tahoma, tahoma, verdana, arial, helvetica, sans-serif; border-left: red 0px; color: #000; border-bottom: red 0px; background-color: transparent
}
#wrapptable {
	border-right: #5BA4E3 4px solid; border-top: ##5BA4E3 4px solid; background: #fff; font: 12px tahoma, verdana, arial, sans-serif; border-left: #5BA4E3 4px solid; border-bottom: #5BA4E3 4px solid
}
.borderx {
	border-right: #CCCCCC 1px solid; padding-right: 1px; border-top: #CCCCCC 1px solid; padding-left: 1px; margin-bottom: 0.3em; padding-bottom: 1px; border-left: #CCCCCC 1px solid; padding-top: 1px; border-bottom: #CCCCCC 1px solid
}
.bordery {
	border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; padding-left: 1px; padding-bottom: 1px; border-left: #ccc 1px solid; padding-top: 1px; border-bottom: #ccc 1px solid
}
#line {
	background: url(images/line_bg.gif) repeat-x left top
}
.borderx#line {
	background: url(images/line_bg.gif) repeat-x left top
}
.line2 {
	border-right: #ccc 1px solid; padding-right: 3px; border-top: #ccc 1px solid; padding-left: 3px; font-weight: bolder; background: url(images/line_bg.gif) repeat-x; padding-bottom: 3px; border-left: #ccc 1px solid; color:#333333; padding-top: 3px; border-bottom: #ccc 1px solid
}
.incontent {
	padding-right: 1em; padding-left: 1em; padding-bottom: 0.5em; padding-top: 0.5em ;
	 background-image:url('images/conbg.jpg');
	 background-repeat:no-repeat;
	 background-position:top right;
}
a.clean {
	font-weight: bold; color: #777; text-decoration: none
}
a.clean:hover {
	color: #000; text-decoration: none
}
.fl_left {
	float: left; margin: 2em 0.3em 0.3em; width: 285px
}
h6 {
	border-right: #999999 3px double; padding-right: 1em; border-top: #999999 3px double; padding-left: 1em; font-weight: bolder; font-size: 11px; background: #96aad6; padding-bottom: 0.3em; margin: 0px 50px 0px 0px; border-left: #999999 3px double; color: #fff; padding-top: 0.3em; border-bottom: medium none; text-align: right
}
h5 {
	border-right: #999999 1px solid; padding-right: 1em; border-top: #999999 1px solid; padding-left: 1em; background: #dadade; padding-bottom: 0.3em; margin: 0px 1px; border-left: #999999 1px solid; color: black; padding-top: 0.3em; border-bottom: #999999 1px solid
}
h4 {
	clear: both; font-weight: bolder; font-size: 12px; margin: 0.3em 0px 0.5em; color: #559;
}
h4 img {
	padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; padding-top: 0px; position: relative; top: -20px
}
lefticons {
	padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; margin: 0px; padding-top: 0px; position: relative; top: 2px
}
.box_red {
	border-right: #aaa 1px solid; padding-right: 0.3em; border-top: #aaa 1px solid; padding-left: 0.3em; background: url(images/box_bgshade_lbl.gif) repeat-x 50% bottom; padding-bottom: 0.3em; margin: 0px; border-left: #aaa 1px solid; color: #559; padding-top: 0.3em; border-bottom: #aaa 1px solid
}
.box_red ul {
	padding-right: 0px; padding-left: 0px; list-style-position: inside; list-style-image: url(images/bullet2.gif); padding-bottom: 0px; margin: 0px 0.5em 0.8em; padding-top: 0px
}
.box_red ul li {
	line-height: 17px
}
.box_red ul li a {
	color: black; text-decoration: none
}
.box_red ul li a:hover {
	color: #869ecf
}
#menu {
	clear: both; border-right: #777 1px solid; border-top: #777 1px solid; font-size: 12px; background: url(images/menu1.gif) #fff; border-left: medium none; border-bottom: #777 1px solid; height: 20px
}
#menu ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
ul.nobullets {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
.jsmenu ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
#menu li {
	padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; width: 9%; padding-top: 0px; height: 20px
}
#menu a {
	display: block; background: url(images/menu1.gif) #eee; border-left: #7e7e7e 1px solid; width: 100%; color: #000; line-height: 20px; height: 20px; text-align: center; text-decoration: none
}
#menu a span {
	display: block; border-left: #fff 1px solid; width: 100%; height: 20px
}
#menu a:hover {
	background-position: 100% -36px; cursor: pointer; background-color: #ddd
}
#menu a.selected {
	background-position: 100% -36px; cursor: pointer; background-color: #ddd
}
.hide {
	display: none
}
#sub span {
	display: none
}
li#home {
	width: 11%
}
li#news {
	width: 11%
}
li#forum {
	width: 11%
}
li#admin span {
	border-right: #7e7e7e 1px solid
}
li#empty {
	border-left: #7e7e7e 1px solid
}
li#admin {
	background-color: red
}
.jsmenu {
	border-right: #555 1px solid; padding-right: 1px; border-top: #555 1px solid; display: none; padding-left: 1px; padding-bottom: 1px; border-left: #555 1px solid; padding-top: 1px; border-bottom: #555 1px solid; position: absolute; top: 30px; background-color: #fff
}
.jsmenu li {
	font-size: 10px; margin: 0px; border-bottom: #fff 1px solid; font-family: verdana,sans-serif
}
.jsmenu li.separator {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; line-height: 1px; padding-top: 0px; height: 1px; background-color: #fff
}
.jsmenu li a {
	border-right: #aaa 1px solid; padding-right: 2px; border-top: #aaa 1px solid; display: block; padding-left: 6px; padding-bottom: 2px; border-left: #aaa 1px solid; color: #000; padding-top: 1px; border-bottom: #aaa 1px solid; text-decoration: none
}
.jsmenu a:hover {
	background: #afafaf
}

ul, ol {
	margin-top: 0;
	margin-bottom: 0;
}

.linkspage_button{
	border:0px;
}



#wrapper-menu {
	background: #F9AC39 url('images/menu-background.png') top left repeat-x;
	float: left;
	width: 100%;
}

#menu {
	width: 75%;
	margin: 0 auto;
	font-size: 15px;
	font-family:Tahoma;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */

}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	border-left: 1px solid #F9AC39;
	border-right: 1px solid #DF8806;
	width: 100%;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
	padding: 0.25em 1em;
	background: transparent;
	color: #010FA7;
	text-decoration: none;
	float: right;
	border-right: 1px solid #F9AC39;
}

#menu a:hover {
	background: #F2CE02 url('images/menu-hover.png') repeat-x;
	color: #000000;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}


.bbcclass{
width: 400px;
background-color:#00CCFF;

width:600px;
height:34px;
text-align:right;
vertical-align:middle;
background-image:url(http://www.tangooo.com/images/news_bg.jpg)
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
padding-right:105px;
padding-top:5px;
direction:rtl;
font-variant:normal;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}
/*---------------- SITE MENU                     */
/* credits: www.freecssmenus.co.uk */
.nav{ font: bold 13px Arial;
margin-left:auto;
margin-right:auto;
width: 800px;
background: #FFD113 url(images/menubg.jpg) repeat-x;
height:40px;
border-left-color:#EEEEEE;
border-left-width:1px;
border-left-style:solid;

}
.nav ul{ margin: 0;
margin-left:auto;
margin-right:auto;
padding: 0;

width: auto;
border: 1px solid #FFFFFF;
border-width: 1px 0;
background:#FFD113 url(images/menubg.jpg) repeat-x;
}
.nav ul li{ display: inline;
}
.nav ul li a{ float: right;
color: #996600;
padding: 10px 20px;
text-decoration: none;
border-right: 1px solid #5BA4E3;
border-left: 1px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
float:right;
border-bottom-style:solid;
border-bottom-color:#FFCC66;
border-bottom-width:2px;
}
.nav ul li a:visited{ color: #003300;
}
.nav ul li a:hover, .nav ul li .current{ color:#000000;
padding-top: 11px;
padding-bottom: 9px;
padding-right: 18px;
padding-left: 22px;
border-bottom-style:solid;
border-bottom-color:#FFFF00;
border-bottom-width:2px;
background:#FFD113 url(images/menubg2.jpg) repeat-x;
}
.login_menu_link{

color:#0066FF;
text-decoration: none;
border-bottom-style:solid;
border-bottom-color:#FFFFFF;
border-bottom-width:2px;
}
