/* CSS Document */
* {padding:0; margin: 0;}
body {background: #f5f5f5; font: 62.5% Arial, Helvetica, sans-serif;}
/* Fix scaling of images in IE */
img { -ms-interpolation-mode: bicubic; }
a {text-decoration:none;}
a img {border: none}
#container {width: 780px; margin: auto;}

#header {height: 90px; direction: rtl;}

#header a.header {
	display:block;
	width:236px;
	height: 80px;
	margin: 10px 8px 0 0;
	float: right;
}

#header a.header span {display:none}

#header div {text-align: left; padding: 20px 0 0 20px}

/*  Branding */
#page-title {direction:rtl}
#page-title h1 {font-size:2.2em; padding:10px 20px 0 20px}
#page-title p {font-size:1.2em; padding:0 20px}

/*#ffae00*/
#content {width: 780px; background-image:url(images/content_bg.gif); background-repeat: repeat-y;}

#content .top {background: url(images/content_top.gif) no-repeat; height: 50px; direction: rtl; width: 780px}
#content .top a {color: #00f}
#content .top .left {float:left; padding: 20px 0 0 25px;}
#content .top ul {padding:23px 30px;list-style:none}
#content .top li {float:right; margin:0 2px; font-size: 1.3em}

#content .top .rss a, #content .top .favorites a, #content .top #homepage a {height: 24px; display:block; float: left; margin-right: 15px}
#content .top .rss a {background: url(images/rss.png) no-repeat;width:24px;}
#content .top .favorites a {background: url(images/bookmark.png) no-repeat right; padding-right: 28px;}
#content .top #homepage a {background: url(images/homepage.png) no-repeat right;padding-right: 28px;}
#content .top .rss span {display:none}

#content .main {padding: 0 14px; clear: both;}
#content .bottom {clear:both; height: 28px; background-image: url(images/content_bottom.gif); background-repeat: no-repeat;}
#content .bottom .right {background-image: url(images/content_bottom.gif); background-repeat: no-repeat; background-position: -606px 0; height:15px; width: 167px; float: right; padding-right:7px; border-left:1px dotted #fff}

#content .rightlinks {float:right; width: 160px;}
#content .rightlinks hr {border:none; border-top:1px dotted #fff; margin-right: 2px}
#content .rightlinks dl, #content .rightlinks dl dd {list-style: none; margin:5px 5px 5px 0; direction:rtl}
#content .rightlinks dl dt, #content .rightlinks dl dd span {display:none;}
#content .rightlinks dl dd a {color: #f5f5f5; font-weight: bold; font-size: 1.4em;}
#content .rightlinks dl dd a:hover {color:#900;}
#content .rightlinks dl dd.active a {color:#900;}

#content .rightlinks .search {height: 2em; margin: 7px 5px 7px 0; text-align:right}
#content .rightlinks .search input {vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:1.2em}
#content .rightlinks .search input.txt {height: 1.2em; padding:3px; width: 90px; direction: rtl;}

/* site map */
#content .categories .category ul {font-size:1.2em; text-align: right; margin-right:30px;}
#content .categories .category ul li {padding:10px 10px 0 0; direction: rtl;}
#content .categories .category ul ul {font-size:1em;}
/* end site map */

/* categories in homepage */
#content .categories {width: 591px; float: left; border-right: 1px dotted #fff;}
#content .categories .category .title,  #content .categories .category h1, #content .categories .content h1, #content .categories .content .title {color: #fff; background: url(images/category_ttl.png) no-repeat right; height: 31px; direction:rtl;  font-size: 1.4em; line-height: 27px; font-weight:bold; text-align:center}
#content .categories .title a, #content .categories h1 a {color: #fff;}
#content .categories .content {height: 700px;}
#content .categories .category, #content .categories .content {margin: 5px 0; margin-bottom: 30px; clear:both; padding-right: 10px;}
#content .categories .category {text-align:center;}
#content .categories .content h3 {text-align: right;}
#content .categories .category h4 {clear: both; text-align: left; font-size: 1.2em}
#content .categories .category h4 a {color: #900; padding-left: 30px;}
#content .categories .category h4 a:hover {color: #EA0000;}
#content .categories .category h5 {margin:auto; text-align:center}
#content .categories p {direction: rtl; padding: 10px; font-size: 1.1em}

#content .categories .category .game {float: right; margin:10px 0; width: 260px;}
#content .categories .category .adv {clear:both; text-align:center; margin: 20px 0}
#content .categories .category .game .game_image {float:right; padding:0 10px}
#content .categories .category .game .game_info {direction: rtl; text-align:right;}
#content .categories .category .game .game_info h3 {font-size:1.2em; margin-bottom: 5px}
#content .categories .category .game .game_info h3 a {color: #1967A7; text-decoration:underline}
#content .categories .category .game .game_info p {padding:0}
#content .categories .category .game_play {width: 540px; height: 370px; margin:20px 0 20px 20px; border: 5px solid #fff; background: #000; text-align:center}
#content .categories .category .game_play iframe {width: 540px; height: 370px;overflow:auto;}
#content .categories .category .game_adv {width:336px; height:280px; margin: 20px auto;border: 5px solid #fff;background: #000}
#content .categories .category .game_description {direction: rtl; text-align: right; font-size: 1.1em;width: 550px;margin: auto;}
#content .categories .category .game_description h3 {text-decoration:underline; margin-right:10px; text-align: right}
#content .categories .category .game a img {border: 4px solid #fff}
#content .categories .category .game a:hover img {border: 4px solid #ff0}

#content .categories .content ul {direction:rtl; padding: 10px 30px; font-size: 1.1em}
/* end categories in homepage */

#container .footer {margin: 0 auto 10px auto; text-align:center; direction:rtl; font-size: 1.1em}

/* CONTACT US */
#content .contact label {display:block}
#content .contact em {color:red; font-style:normal}
#content .contact input, #content .contact textarea {border:1px solid #ccc; padding:2px 4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em}
#content .contact textarea, #content .contact .fixW {width:90%;}
#content .contact select {width:93%;}
#content .contact .send {border:double 3px #09c; background-color:#069; color:#fff; cursor:pointer}

/* DEFAULT STYLE 
#content, #content .bottom .right {background-color: #ffbe33}
#content .categories, #content .bottom {background-color: #ffae00}
*/
/* DIFFERENT STYLES */
.right_color_1 {background-color: #ffbe33}
.left_color_1 {background-color: #ffae00}
.hr_color_1 {color: #ffbe33}
.input_color_1 {border:1px solid #ffae00}

.right_color_2 {background-color: pink}
.left_color_2 {background-color: lightpink}
.hr_color_2 {color: pink}
.input_color_2 {border:1px solid lightpink}

.right_color_3 {background-color: #0fbfc5}
.left_color_3 {background-color: #43d1d6}
.hr_color_3 {color: #0fbfc5}
.input_color_3 {border:1px solid #43d1d6}

.right_color_4 {background-color: #a9e9a9}
.left_color_4 {background-color: #9f9}
.hr_color_4 {color: #a9e9a9}
.input_color_4 {border:1px solid #9f9}


/* NES */
table.nes-howto-play {width:200px; direction:rtl; margin-top:10px; text-align:right; border-collapse:collapse;border:1px solid #666; font-size:1.2em}
table.nes-howto-play th {border-bottom:1px dashed #999; text-align:center; padding:2px}
table.nes-howto-play td {border-bottom:1px solid #666; padding:2px}